Dowiedz si臋 o wymaganiach dotycz膮cych kontrastu kolor贸w zgodnie z WCAG i upewnij si臋, 偶e Twoja strona jest dost臋pna dla u偶ytkownik贸w na ca艂ym 艣wiecie, w tym dla os贸b z wadami wzroku.
Kontrast kolor贸w: Kompleksowy przewodnik po zgodno艣ci z WCAG dla globalnej dost臋pno艣ci
W dzisiejszym cyfrowym 艣wiecie zapewnienie dost臋pno艣ci strony internetowej to nie tylko dobra praktyka, ale kluczowy element projektowania w艂膮czaj膮cego. Podstawowym komponentem dost臋pno艣ci cyfrowej jest przestrzeganie Wytycznych dla dost臋pno艣ci tre艣ci internetowych (WCAG), a w szczeg贸lno艣ci wytycznych dotycz膮cych kontrastu kolor贸w. Ten kompleksowy przewodnik zag艂臋bi si臋 w zawi艂o艣ci wymaga艅 dotycz膮cych kontrastu kolor贸w w ramach WCAG, dostarczaj膮c wiedzy i narz臋dzi do tworzenia stron internetowych dost臋pnych dla u偶ytkownik贸w z wadami wzroku na ca艂ym 艣wiecie.
Dlaczego kontrast kolor贸w ma znaczenie dla globalnej dost臋pno艣ci
Kontrast kolor贸w odnosi si臋 do r贸偶nicy w luminancji (jasno艣ci) mi臋dzy kolorami pierwszego planu (tekst, ikony) a t艂a. Wystarczaj膮cy kontrast kolor贸w jest niezb臋dny, aby u偶ytkownicy z niedowidzeniem, daltonizmem lub innymi wadami wzroku mogli skutecznie postrzega膰 i rozumie膰 tre艣膰. Bez odpowiedniego kontrastu tekst mo偶e sta膰 si臋 trudny lub niemo偶liwy do odczytania, utrudniaj膮c dost臋p do informacji i funkcjonalno艣ci. Co wi臋cej, s艂aby kontrast kolor贸w mo偶e negatywnie wp艂ywa膰 na u偶ytkownik贸w korzystaj膮cych ze starszych monitor贸w lub w jasnym 艣wietle s艂onecznym.
Na ca艂ym 艣wiecie miliony ludzi do艣wiadczaj膮 jakiej艣 formy wady wzroku. Wed艂ug 艢wiatowej Organizacji Zdrowia co najmniej 2,2 miliarda ludzi ma wad臋 wzroku do bli偶y lub dali. Podkre艣la to kluczowe znaczenie projektowania z my艣l膮 o dost臋pno艣ci. Przestrzegaj膮c standard贸w kontrastu kolor贸w WCAG, zapewniasz, 偶e Twoja strona internetowa b臋dzie u偶yteczna dla znacznie szerszego grona odbiorc贸w.
Zrozumienie wymaga艅 WCAG dotycz膮cych kontrastu kolor贸w
WCAG definiuje konkretne kryteria sukcesu dla kontrastu kolor贸w w ramach Wytycznej 1.4, kt贸ra koncentruje si臋 na uczynieniu tre艣ci bardziej rozr贸偶nialnymi. G艂贸wne kryteria sukcesu zwi膮zane z kontrastem kolor贸w to:
- 1.4.3 Kontrast (minimalny): Wizualna prezentacja tekstu i obraz贸w tekstu ma wsp贸艂czynnik kontrastu co najmniej 4.5:1. Dotyczy to tekstu o standardowym rozmiarze (og贸lnie uwa偶anego za 14 punkt贸w lub mniejszy dla tekstu pogrubionego i 18 punkt贸w lub mniejszy dla tekstu niepogrubionego).
- 1.4.11 Kontrast element贸w nietekstowych: Wsp贸艂czynnik kontrastu co najmniej 3:1 pomi臋dzy:
- Komponentami interfejsu u偶ytkownika (takimi jak pola formularzy, przyciski i linki) a s膮siednimi kolorami.
- Obiektami graficznymi wymaganymi do zrozumienia tre艣ci (takimi jak cz臋艣ci wykresu).
- 1.4.6 Kontrast (rozszerzony): Wizualna prezentacja tekstu i obraz贸w tekstu ma wsp贸艂czynnik kontrastu co najmniej 7:1. Dotyczy to tekstu o standardowym rozmiarze.
- 1.4.8 Prezentacja wizualna: Dla wizualnej prezentacji blok贸w tekstu dost臋pny jest mechanizm umo偶liwiaj膮cy osi膮gni臋cie nast臋puj膮cych cel贸w: (Poziom AAA)
- Kolory pierwszego planu i t艂a mog膮 by膰 wybierane przez u偶ytkownika.
- Szeroko艣膰 nie przekracza 80 znak贸w lub glif贸w (je艣li j臋zyk u偶ywa znak贸w o szerokich glifach, takich jak chi艅ski, japo艅ski i korea艅ski).
- Tekst nie jest justowany (wyr贸wnany do lewego i prawego marginesu).
- Interlinia (odst臋p mi臋dzy wierszami) wynosi co najmniej p贸艂torej interlinii w obr臋bie akapit贸w, a odst臋p mi臋dzy akapitami jest co najmniej 1,5 razy wi臋kszy ni偶 interlinia.
- Tekst mo偶na powi臋kszy膰 bez technologii asystuj膮cej do 200 procent w spos贸b, kt贸ry nie wymaga od u偶ytkownika przewijania w poziomie, aby przeczyta膰 wiersz tekstu w oknie pe艂noekranowym.
Poziomy WCAG: A, AA i AAA
WCAG jest zorganizowane wok贸艂 trzech poziom贸w zgodno艣ci: A, AA i AAA. Ka偶dy poziom reprezentuje progressively wy偶szy stopie艅 dost臋pno艣ci. Podczas gdy poziom A reprezentuje minimalny akceptowalny poziom, poziom AA jest powszechnie uwa偶any za standard dla wi臋kszo艣ci stron internetowych. Poziom AAA reprezentuje najwy偶szy poziom dost臋pno艣ci i mo偶e by膰 trudny do osi膮gni臋cia dla ca艂ej tre艣ci.
- Poziom A: Zapewnia podstawowy poziom dost臋pno艣ci. Spe艂nienie kryteri贸w sukcesu na poziomie A jest niezb臋dne.
- Poziom AA: Adresuje bardziej znacz膮ce bariery dost臋pno艣ci. Zgodno艣膰 z poziomem AA jest cz臋sto wymagana przez prawo w wielu regionach. Wi臋kszo艣膰 stron internetowych powinna d膮偶y膰 do zgodno艣ci z poziomem AA.
- Poziom AAA: Oferuje najwy偶szy poziom dost臋pno艣ci i zapewnia najlepsze mo偶liwe do艣wiadczenie dla wszystkich u偶ytkownik贸w. Osi膮gni臋cie poziomu AAA mo偶e nie by膰 wykonalne dla ca艂ej tre艣ci z powodu praktycznych ogranicze艅.
W przypadku kontrastu kolor贸w, poziom AA wymaga wsp贸艂czynnika kontrastu 4.5:1 dla standardowego tekstu i 3:1 dla du偶ego tekstu oraz komponent贸w interfejsu u偶ytkownika. Poziom AAA wymaga wsp贸艂czynnika kontrastu 7:1 dla standardowego tekstu i 4.5:1 dla du偶ego tekstu.
Definiowanie "du偶ego tekstu"
WCAG definiuje "du偶y tekst" jako:
- 18 punkt贸w (24 piksele CSS) lub wi臋kszy, je艣li nie jest pogrubiony.
- 14 punkt贸w (18,66 pikseli CSS) lub wi臋kszy, je艣li jest pogrubiony.
Te rozmiary s膮 przybli偶one i mog膮 si臋 r贸偶ni膰 w zale偶no艣ci od rodziny czcionek. Zawsze najlepiej jest przetestowa膰 faktycznie renderowany tekst za pomoc膮 analizatora kontrastu kolor贸w, aby zapewni膰 zgodno艣膰.
Obliczanie wsp贸艂czynnik贸w kontrastu kolor贸w
Wsp贸艂czynnik kontrastu kolor贸w jest obliczany na podstawie wzgl臋dnej luminancji kolor贸w pierwszego planu i t艂a. Wz贸r to:
(L1 + 0.05) / (L2 + 0.05)
Gdzie:
- L1 to wzgl臋dna luminancja ja艣niejszego koloru.
- L2 to wzgl臋dna luminancja ciemniejszego koloru.
Luminancja wzgl臋dna to z艂o偶one obliczenie, kt贸re uwzgl臋dnia warto艣ci czerwieni, zieleni i niebieskiego (RGB) ka偶dego koloru. Na szcz臋艣cie nie trzeba wykonywa膰 tych oblicze艅 r臋cznie. Liczne narz臋dzia online i aplikacje mog膮 automatycznie obliczy膰 dla Ciebie wsp贸艂czynniki kontrastu kolor贸w.
Narz臋dzia do sprawdzania kontrastu kolor贸w
Dost臋pnych jest kilka doskona艂ych narz臋dzi, kt贸re pomog膮 Ci oceni膰 kontrast kolor贸w i zapewni膰 zgodno艣膰 ze standardami WCAG. Oto kilka popularnych opcji:
- WebAIM Contrast Checker: Darmowe narz臋dzie online, kt贸re pozwala wprowadzi膰 heksadecymalne kody kolor贸w lub u偶y膰 pr贸bnika kolor贸w do okre艣lenia wsp贸艂czynnika kontrastu. Wskazuje, czy kontrast spe艂nia standardy WCAG AA i AAA.
- Colour Contrast Analyser (CCA): Aplikacja desktopowa do pobrania (dost臋pna dla system贸w Windows i macOS), kt贸ra oferuje bardziej zaawansowane funkcje, takie jak symulacja daltonizmu.
- Chrome DevTools: Wbudowane narz臋dzia deweloperskie Chrome zawieraj膮 pr贸bnik kolor贸w, kt贸ry wy艣wietla wsp贸艂czynnik kontrastu i wskazuje, czy spe艂nia on wymagania WCAG.
- Firefox Accessibility Inspector: Podobnie jak Chrome DevTools, Firefox udost臋pnia Inspektor Dost臋pno艣ci z funkcjami sprawdzania kontrastu kolor贸w.
- Adobe Color: Narz臋dzie online, kt贸re pozwala tworzy膰 i eksplorowa膰 palety kolor贸w, w tym funkcje sprawdzania kontrastu kolor贸w i dost臋pno艣ci.
- Stark: Popularny wtyczka do narz臋dzi projektowych, takich jak Sketch, Figma i Adobe XD, kt贸ra zapewnia analiz臋 kontrastu kolor贸w w czasie rzeczywistym bezpo艣rednio w Twoim procesie projektowym.
Wybieraj膮c narz臋dzie, we藕 pod uwag臋 jego 艂atwo艣膰 u偶ycia, funkcje i integracj臋 z istniej膮cym przep艂ywem pracy. Wiele z tych narz臋dzi oferuje r贸wnie偶 symulacj臋 daltonizmu, co jest pomocne w zrozumieniu, jak u偶ytkownicy z r贸偶nymi typami niedowidzenia barw postrzegaj膮 Twoje projekty.
Praktyczne przyk艂ady i najlepsze praktyki
Przyjrzyjmy si臋 kilku praktycznym przyk艂adom i najlepszym praktykom, aby zapewni膰, 偶e Twoja strona internetowa spe艂nia wymagania WCAG dotycz膮ce kontrastu kolor贸w:
- Tekst na t艂ach: Zapewnij wystarczaj膮cy kontrast mi臋dzy tekstem a jego t艂em. Unikaj u偶ywania jasnego tekstu na jasnym tle lub ciemnego tekstu na ciemnym tle. Na przyk艂ad, bia艂y tekst (#FFFFFF) na jasnoszarym tle (#EEEEEE) nie spe艂ni艂by wymaga艅 kontrastu WCAG. Zamiast tego wybierz ciemniejsze szare t艂o (#999999), aby osi膮gn膮膰 wystarczaj膮cy wsp贸艂czynnik kontrastu.
- Linki: Linki powinny by膰 wizualnie odr贸偶nialne od otaczaj膮cego tekstu, zar贸wno pod wzgl臋dem koloru, jak i innych wskaz贸wek wizualnych (np. podkre艣lenie, pogrubienie). Sama zmiana koloru linku mo偶e nie wystarczy膰, je艣li kontrast koloru jest niewystarczaj膮cy. Rozwa偶 u偶ycie kombinacji koloru i podkre艣lenia, aby zapewni膰 艂atw膮 identyfikacj臋 link贸w.
- Przyciski: Przyciski powinny mie膰 wyra藕ne granice wizualne i wystarczaj膮cy kontrast mi臋dzy tekstem a t艂em przycisku. Unikaj u偶ywania subtelnych gradient贸w lub cieni, kt贸re mog膮 zmniejszy膰 kontrast. Na przyk艂ad, jasnoniebieski przycisk z bia艂ym tekstem mo偶e nie spe艂nia膰 standard贸w WCAG. U偶yj ciemniejszego niebieskiego lub kontrastuj膮cego koloru, takiego jak czarny, dla tekstu.
- Pola formularzy: Pola formularzy powinny mie膰 widoczn膮 ramk臋 i wystarczaj膮cy kontrast mi臋dzy ramk膮 a t艂em. Tekst w polu formularza powinien r贸wnie偶 mie膰 wystarczaj膮cy kontrast z t艂em pola.
- Ikony: Ikony powinny mie膰 wystarczaj膮cy kontrast z t艂em, zw艂aszcza je艣li przekazuj膮 wa偶ne informacje. We藕 pod uwag臋 rozmiar ikony przy okre艣laniu odpowiedniego wsp贸艂czynnika kontrastu. Mniejsze ikony mog膮 wymaga膰 wy偶szego kontrastu, aby by艂y 艂atwo widoczne.
- Wykresy i diagramy: Upewnij si臋, 偶e r贸偶ne serie danych na wykresach i diagramach s膮 odr贸偶nialne od siebie i od t艂a. U偶yj kontrastuj膮cych kolor贸w i wzor贸w do rozr贸偶nienia punkt贸w danych. Zapewnij alternatywne opisy tekstowe dla u偶ytkownik贸w czytnik贸w ekranu.
- Logotypy: Nawet logotypy powinny w miar臋 mo偶liwo艣ci przestrzega膰 wytycznych dotycz膮cych kontrastu kolor贸w. Je艣li logo nie spe艂nia wymaga艅 kontrastu w swojej oryginalnej formie, rozwa偶 udost臋pnienie alternatywnej wersji z dostosowanymi kolorami w celach dost臋pno艣ci.
- Obrazy dekoracyjne: Chocia偶 obrazy dekoracyjne nie podlegaj膮 tym samym wymaganiom kontrastu co tekst i komponenty interfejsu u偶ytkownika, nadal dobr膮 praktyk膮 jest upewnienie si臋, 偶e nie wp艂ywaj膮 negatywnie na czytelno艣膰 lub u偶yteczno艣膰. Unikaj u偶ywania bardzo rozpraszaj膮cych lub wizualnie z艂o偶onych obraz贸w dekoracyjnych za tekstem.
Przyk艂ady w r贸偶nych kulturach i j臋zykach
Skojarzenia z kolorami mog膮 si臋 r贸偶ni膰 w zale偶no艣ci od kultury. Chocia偶 niekt贸re kolory mog膮 by膰 postrzegane jako pozytywne w jednej kulturze, w innej mog膮 by膰 odbierane negatywnie. Wybieraj膮c kombinacje kolor贸w dla swojej strony internetowej, we藕 pod uwag臋 swoj膮 grup臋 docelow膮 i wszelkie potencjalne wra偶liwo艣ci kulturowe. Jednak podstawowe zasady kontrastu kolor贸w pozostaj膮 uniwersalne: zapewnij wystarczaj膮cy kontrast mi臋dzy elementami pierwszego planu a t艂em, aby zachowa膰 czytelno艣膰 i u偶yteczno艣膰 dla wszystkich u偶ytkownik贸w, niezale偶nie od ich t艂a kulturowego.
Na przyk艂ad, w niekt贸rych kulturach zachodnich czerwie艅 kojarzy si臋 z b艂臋dem lub ostrze偶eniem. Je艣li u偶ywasz czerwonego tekstu na bia艂ym tle, upewnij si臋, 偶e spe艂nia on wsp贸艂czynniki kontrastu. Podobnie, w niekt贸rych kulturach azjatyckich biel kojarzy si臋 z 偶a艂ob膮. Je艣li projekt w du偶ej mierze opiera si臋 na bia艂ych t艂ach, upewnij si臋, 偶e elementy tekstowe maj膮 odpowiedni kontrast, niezale偶nie od skojarze艅 kulturowych z wybranymi kolorami.
Rozwa偶 u偶ycie r贸偶nych pism i zestaw贸w znak贸w. J臋zyki takie jak chi艅ski, japo艅ski i korea艅ski (CJK) cz臋sto u偶ywaj膮 z艂o偶onych znak贸w. Utrzymanie odpowiedniego kontrastu kolor贸w ma kluczowe znaczenie dla czytelno艣ci, zw艂aszcza dla u偶ytkownik贸w z wadami wzroku. Testowanie z r贸偶nymi rozmiarami i grubo艣ciami czcionek mo偶e pom贸c zapewni膰 czytelno艣膰 w r贸偶nych zestawach znak贸w.
Cz臋ste b艂臋dy do unikni臋cia
Oto kilka cz臋stych b艂臋d贸w, kt贸rych nale偶y unika膰 przy implementacji kontrastu kolor贸w:
- Poleganie wy艂膮cznie na kolorze do przekazywania informacji: Kolor nie powinien by膰 jedynym sposobem przekazywania informacji. Zapewnij alternatywne wskaz贸wki, takie jak etykiety tekstowe lub ikony, aby upewni膰 si臋, 偶e u偶ytkownicy, kt贸rzy nie potrafi膮 rozr贸偶nia膰 kolor贸w, nadal mog膮 zrozumie膰 tre艣膰. Jest to kluczowe dla u偶ytkownik贸w z daltonizmem.
- Ignorowanie kontrastu element贸w nietekstowych: Pami臋taj, aby sprawdzi膰 kontrast komponent贸w interfejsu u偶ytkownika, takich jak przyciski, pola formularzy i ikony. Te elementy s膮 r贸wnie wa偶ne jak tekst dla zapewnienia dost臋pno艣ci.
- Brak test贸w z prawdziwymi u偶ytkownikami: Chocia偶 analizatory kontrastu kolor贸w s膮 cennymi narz臋dziami, nie mog膮 zast膮pi膰 test贸w z prawdziwymi u偶ytkownikami, zw艂aszcza tymi z wadami wzroku. Przeprowad藕 testy u偶ytkownik贸w, aby zidentyfikowa膰 wszelkie potencjalne problemy z dost臋pno艣ci膮 i zebra膰 opinie na temat og贸lnego do艣wiadczenia u偶ytkownika.
- U偶ywanie bardzo bladych kolor贸w: Nawet je艣li kombinacja kolor贸w technicznie przechodzi wym贸g wsp贸艂czynnika kontrastu, bardzo blade kolory mog膮 by膰 nadal trudne do odczytania, zw艂aszcza na niekt贸rych ekranach lub w jasnym 艣wietle. Wybieraj kolory, kt贸re s膮 wystarczaj膮co wyra藕ne i 艂atwe do postrzegania.
- Zak艂adanie, 偶e domy艣lne schematy kolor贸w s膮 dost臋pne: Nie zak艂adaj, 偶e domy艣lne schematy kolor贸w Twoich szablon贸w stron internetowych lub framework贸w projektowych s膮 dost臋pne. Zawsze weryfikuj kontrast kolor贸w za pomoc膮 analizatora kontrastu.
Implementacja kontrastu kolor贸w w r贸偶nych technologiach
Zasady kontrastu kolor贸w maj膮 zastosowanie w r贸偶nych technologiach i platformach internetowych. Oto jak zaimplementowa膰 kontrast kolor贸w w niekt贸rych popularnych technologiach:
- HTML i CSS: U偶yj CSS do zdefiniowania kolor贸w pierwszego planu i t艂a tekstu oraz innych element贸w. Upewnij si臋, 偶e kombinacje kolor贸w spe艂niaj膮 wymagania kontrastu WCAG. U偶yj semantycznych element贸w HTML (np. <button>, <a>), aby nada膰 tre艣ci odpowiedni膮 struktur臋 i znaczenie.
- JavaScript: Zmieniaj膮c kolory dynamicznie za pomoc膮 JavaScript, upewnij si臋, 偶e nowe kombinacje kolor贸w spe艂niaj膮 wymagania kontrastu WCAG. Zapewnij odpowiedni膮 informacj臋 zwrotn膮 dla u偶ytkownik贸w, je艣li kontrast jest niewystarczaj膮cy.
- Obrazy: W przypadku obraz贸w zawieraj膮cych tekst, upewnij si臋, 偶e tekst ma wystarczaj膮cy kontrast z t艂em obrazu. Je艣li obraz jest z艂o偶ony lub ma zmienne t艂o, rozwa偶 dodanie jednolitej nak艂adki kolorystycznej za tekstem, aby poprawi膰 kontrast.
- SVG: U偶ywaj膮c grafik SVG, okre艣l kolory wype艂nienia i obrysu, aby upewni膰 si臋, 偶e spe艂niaj膮 one wymagania kontrastu. Zapewnij alternatywne opisy tekstowe dla u偶ytkownik贸w czytnik贸w ekranu.
- Aplikacje mobilne (iOS i Android): U偶yj natywnych funkcji dost臋pno艣ci platformy, aby dostosowa膰 kontrast kolor贸w i zapewni膰 alternatywne opcje wy艣wietlania dla u偶ytkownik贸w z wadami wzroku. Post臋puj zgodnie z wytycznymi dotycz膮cymi dost臋pno艣ci specyficznymi dla ka偶dej platformy.
Bycie na bie偶膮co z WCAG
WCAG to 偶ywy dokument, kt贸ry jest regularnie aktualizowany, aby odzwierciedla膰 zmiany w technologiach internetowych i najlepszych praktykach dotycz膮cych dost臋pno艣ci. Wa偶ne jest, aby by膰 na bie偶膮co z najnowszymi aktualizacjami i upewni膰 si臋, 偶e Twoja strona internetowa jest zgodna z aktualn膮 wersj膮 WCAG. Od 2023 roku WCAG 2.1 jest najpowszechniej przyj臋t膮 wersj膮, a WCAG 2.2 zosta艂o niedawno opublikowane. 艢led藕 W3C (World Wide Web Consortium), kt贸re opracowuje i publikuje wytyczne WCAG, aby by膰 na bie偶膮co z aktualizacjami i nowymi zaleceniami.
Biznesowe uzasadnienie dla dost臋pnego kontrastu kolor贸w
Chocia偶 wzgl臋dy etyczne s膮 nadrz臋dne, istnieje r贸wnie偶 silne uzasadnienie biznesowe dla zapewnienia dost臋pnego kontrastu kolor贸w. Dost臋pna strona internetowa przynosi korzy艣ci wszystkim, nie tylko u偶ytkownikom z niepe艂nosprawno艣ciami. Strona z dobrym kontrastem kolor贸w jest og贸lnie 艂atwiejsza do czytania i u偶ywania, co prowadzi do poprawy do艣wiadczenia u偶ytkownika, zwi臋kszonego zaanga偶owania i wy偶szych wska藕nik贸w konwersji.
Co wi臋cej, w wielu regionach dost臋pno艣膰 jest prawnie wymagana. Niezgodno艣膰 ze standardami dost臋pno艣ci mo偶e prowadzi膰 do post臋powa艅 prawnych i szk贸d wizerunkowych. Priorytetowo traktuj膮c dost臋pno艣膰, nie tylko post臋pujesz w艂a艣ciwie, ale tak偶e chronisz sw贸j biznes i poszerzasz zasi臋g do szerszej publiczno艣ci.
Wnioski
Kontrast kolor贸w jest fundamentalnym aspektem dost臋pno艣ci cyfrowej. Rozumiej膮c wymagania WCAG dotycz膮ce kontrastu kolor贸w i wdra偶aj膮c najlepsze praktyki, mo偶esz tworzy膰 strony internetowe, kt贸re s膮 u偶yteczne i dost臋pne dla u偶ytkownik贸w na ca艂ym 艣wiecie, niezale偶nie od ich zdolno艣ci wzrokowych. Pami臋taj, aby regularnie testowa膰 kontrast kolor贸w na swojej stronie za pomoc膮 odpowiednich narz臋dzi i anga偶owa膰 prawdziwych u偶ytkownik贸w w proces testowania. Przyj臋cie dost臋pno艣ci to nie tylko wym贸g techniczny; to zobowi膮zanie do tworzenia bardziej w艂膮czaj膮cego i sprawiedliwego cyfrowego 艣wiata.