{"id":26679,"date":"2022-09-08T17:00:15","date_gmt":"2022-09-09T00:00:15","guid":{"rendered":"https:\/\/teach.udemy.com\/?page_id=26679"},"modified":"2022-09-26T03:25:37","modified_gmt":"2022-09-26T10:25:37","slug":"accessibility-considerations-for-course-materials","status":"publish","type":"page","link":"https:\/\/teach.udemy.com\/pl\/accessibility-considerations-for-course-materials\/","title":{"rendered":"U\u0142atwienia dost\u0119pu do materia\u0142\u00f3w kursowych"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Filmy i materia\u0142y kursowe w Udemy wzajemnie si\u0119 uzupe\u0142niaj\u0105, utrwalaj\u0105c zrealizowane zagadnienia i rozwijaj\u0105c nowe umiej\u0119tno\u015bci. Zadbaj wi\u0119c o to, aby ca\u0142y kurs mia\u0142 przyst\u0119pn\u0105 form\u0119 wszystko, co w nim umieszczasz, powinno by\u0107 dost\u0119pne dla ka\u017cdego.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ten rozdzia\u0142 zawiera cztery tematy zwi\u0105zane z dost\u0119pno\u015bci\u0105 materia\u0142\u00f3w kursowych: <\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"#Content-organization\"><span style=\"font-weight: 400;\">Organizacja tre\u015bci<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"#Meaningful-document-semantics\"><span style=\"font-weight: 400;\">Semantyka dokumentu<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"#Alternative-text\"><span style=\"font-weight: 400;\">Tekst alternatywny do obraz\u00f3w i multimedi\u00f3w<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"#Color-contrast\"><span style=\"font-weight: 400;\">Kontrast kolor\u00f3w<\/span><\/a><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h1 id=\"Content-organization\">Organizacja tre\u015bci<\/h1>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Zadbaj o to, aby tre\u015b\u0107 kursu by\u0142a uporz\u0105dkowana. Podziel tekst na kr\u00f3tsze akapity z wyr\u00f3\u017cniaj\u0105cymi si\u0119 nag\u0142\u00f3wkami. B\u0119dzie w\u00f3wczas bardziej czytelny, a to u\u0142atwi wszystkim u\u017cytkownikom jego szybsze przegl\u0105danie.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">We wszystkich dokumentach dodaj na pocz\u0105tku spis tre\u015bci lub podsumowanie tego, co b\u0119dzie omawiane (w kilku zdaniach lub w postaci listy wypunktowanej).<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Do\u0142\u0105cz te\u017c s\u0142owniczek termin\u00f3w do pobrania, kt\u00f3ry b\u0119dzie \u015bwietn\u0105 pomoc\u0105 dla uczestnik\u00f3w w trakcie kursu. Dobrze jest te\u017c doda\u0107 slajdy kursu w formie pliku do pobrania lub udost\u0119pni\u0107 link do slajd\u00f3w.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Zawsze sprawdzaj pisowni\u0119, gramatyk\u0119 i czytelno\u015b\u0107. \u201eCzytelno\u015b\u0107\u201d odnosi si\u0119 do tego, czy dany fragment tekstu mo\u017cna \u0142atwo przeczyta\u0107. Warunkuj\u0105 j\u0105 r\u00f3\u017cne czynniki, takie jak d\u0142ugo\u015b\u0107 zda\u0144, zag\u0119szczenie sylab, z\u0142o\u017cono\u015b\u0107 zagadnienia czy znajomo\u015b\u0107 terminologii. Popro\u015b wsp\u00f3\u0142pracownika lub znajomego, \u017ceby przeczyta\u0142 Twoje materia\u0142y kursowe i wykona\u0142 \u0107wiczenia \u2013 dzi\u0119ki temu ostatecznie upewnisz si\u0119, \u017ce kurs ma przyst\u0119pn\u0105 form\u0119.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h1 id=\"Meaningful-document-semantics\"><strong>Tworzenie dokument\u00f3w dost\u0119pnych dla ka\u017cdego<\/strong><\/h1>\n<p><span style=\"font-weight: 400;\">Czytniki ekranu (takie jak JAWS, NVDA czy Voiceover), z kt\u00f3rych korzystaj\u0105 osoby niewidome i niedowidz\u0105ce, nie tylko odczytuj\u0105 tekst na stronie, ale te\u017c przekazuj\u0105 spos\u00f3b jej uporz\u0105dkowania: podzia\u0142 na nag\u0142\u00f3wki i podpunkty oraz listy. Na przyk\u0142ad osoba czytaj\u0105ca stron\u0119 widzi na niej du\u017cy, pogrubiony tekst wskazuj\u0105cy tytu\u0142y dzia\u0142\u00f3w, natomiast osoba niewidoma lub niedowidz\u0105ca dowiaduje si\u0119, gdzie s\u0105 nag\u0142\u00f3wki, dzi\u0119ki tak zwanym znacznikom semantycznym. Te metadane maj\u0105 kluczowe znaczenie przy tworzeniu dokument\u00f3w dost\u0119pnych dla ka\u017cdego. Na szcz\u0119\u015bcie wiele program\u00f3w i aplikacji do edycji tekstu, m.in. Microsoft Word i Dokumenty Google, ma t\u0119 funkcj\u0119 wbudowan\u0105.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dobrze jest te\u017c zna\u0107 elementy obni\u017caj\u0105ce przyst\u0119pno\u015b\u0107 tre\u015bci dla czytnik\u00f3w ekranowych. Dobrym przyk\u0142adem s\u0105 scalone kom\u00f3rki w tabeli \u2013 czytnik ekranowy mo\u017ce mie\u0107 trudno\u015bci z poruszaniem si\u0119 po nich i z prawid\u0142owym odczytaniem uk\u0142adu tre\u015bci. Dodatkowo w przypadku formatowania bez znacznik\u00f3w semantycznych czytnik ekranowy mo\u017ce dostarcza\u0107 myl\u0105ce informacje. Na przyk\u0142ad je\u015bli oznaczysz punkty gwiazdk\u0105 i tabulatorem, czytnik ekranowy mo\u017ce to odczyta\u0107 jako \u201etabulator\u201d lub \u201egwiazdka\u201d zamiast \u201epunkt\u201d.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">W tym rozdziale poruszamy tylko kilka temat\u00f3w po\u015bwi\u0119conych dodawaniu znacznik\u00f3w semantycznych do dokumentu cyfrowego, ale do\u0142\u0105czyli\u015bmy kilka \u017ar\u00f3de\u0142, kt\u00f3re kompleksowo omawiaj\u0105 to zagadnienie.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><strong>Znaczniki nag\u0142\u00f3wkowe<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Nag\u0142\u00f3wki to jeden z najlepszych sposob\u00f3w na zwi\u0119kszenie przyst\u0119pno\u015bci tre\u015bci. Stosowanie wizualnie uporz\u0105dkowanych i semantycznych znacznik\u00f3w nag\u0142\u00f3wkowych sprawia, \u017ce tre\u015b\u0107 jest bardziej zrozumia\u0142a zar\u00f3wno dla u\u017cytkownik\u00f3w widz\u0105cych, jak i niewidomych.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Porz\u0105dkuj\u0105c materia\u0142 przy u\u017cyciu semantycznych znacznik\u00f3w nag\u0142\u00f3wkowych, kt\u00f3re w aplikacjach do przetwarzania tekstu i wy\u015bwietlania prezentacji maj\u0105 czasem oznaczenie \u201eH1\u201d lub \u201eHeading 1\u201d, masz pewno\u015b\u0107, \u017ce czytniki ekranu prawid\u0142owo odczytaj\u0105 Twoje tre\u015bci. Na przyk\u0142ad tytu\u0142 dokumentu powinien by\u0107 nag\u0142\u00f3wkiem pierwszego poziomu, tytu\u0142 rozdzia\u0142u \u2013 nag\u0142\u00f3wkiem drugiego poziomu (np. H2), a tytu\u0142y podrozdzia\u0142\u00f3w \u2013 nag\u0142\u00f3wkami trzeciego lub czwartego poziomu. Oto przyk\u0142ad:<\/span><\/p>\n<p>&nbsp;<\/p>\n<h1 style=\"padding-left: 40px;\"><span style=\"font-weight: 400;\">Tytu\u0142 strony (nag\u0142\u00f3wek 1)<\/span><\/h1>\n<h2 style=\"padding-left: 40px;\"><span style=\"font-weight: 400;\">Tytu\u0142 sekcji (nag\u0142\u00f3wek 2)<\/span><\/h2>\n<p style=\"padding-left: 40px;\"><span style=\"font-weight: 400;\">Tre\u015b\u0107.<\/span><\/p>\n<h3 style=\"padding-left: 40px;\"><span style=\"font-weight: 400;\">Nag\u0142\u00f3wek podsekcji (nag\u0142\u00f3wek 3)<\/span><\/h3>\n<p style=\"padding-left: 40px;\"><span style=\"font-weight: 400;\">Tre\u015b\u0107.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Uwaga: unikaj pomijania poziom\u00f3w nag\u0142\u00f3wk\u00f3w \u2013 na przyk\u0142ad przechodzenia od poziomu pierwszego od razu do trzeciego.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><strong>Listy punktowane i numerowane<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Nie formatuj punkt\u00f3w r\u0119cznie przy u\u017cyciu tabulatora i gwiazdek lub liczb \u2013 zawsze u\u017cywaj funkcji wypunktowania lub numerowania wbudowanej w edytor tekstu lub program do prezentacji. Czytniki ekranu rozpoznaj\u0105 tego typu listy i prawid\u0142owo prezentuj\u0105 tre\u015bci.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h2><strong>Prosty uk\u0142ad tabeli<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Uwa\u017caj na wiersze i kolumny o szerokim zakresie, scalone kom\u00f3rki i wielopoziomowe nag\u0142\u00f3wki tabeli. Czytniki ekranu mog\u0105 mie\u0107 problem z prawid\u0142owym interpretowaniem scalonych kom\u00f3rek. Problematyczne bywa te\u017c ich wskazywanie uczestnikom kurs\u00f3w. W miar\u0119 mo\u017cliwo\u015bci unikaj stosowania tabel na ekranie.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h2><strong>Stosuj linki maj\u0105ce form\u0119 opisu.<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Unikaj samodzielnych wyra\u017ce\u0144 bez kontekstu, na przyk\u0142ad:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201eKliknij tutaj\u201d <\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201eTutaj\u201d<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201eWi\u0119cej\u201d<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201eDodatkowe informacje\u201d<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201eDowiedz si\u0119 wi\u0119cej\u201d<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201eDalej\u201d\u00a0<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Zamiast tego zalecamy alternatywne wyra\u017cenia maj\u0105ce wi\u0119cej kontekstu:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201eMo\u017cesz pobra\u0107 podr\u0119cznik\u201d<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201eCytat z ____\u201d<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201eDodatkowe ____ s\u0105 dost\u0119pne pod tym linkiem\u201d<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Unikaj te\u017c stosowania jako link\u00f3w samych adres\u00f3w URL (na przyk\u0142ad www.abcde.com), chyba \u017ce dokument jest przeznaczony do wydruku lub adres URL jest niezb\u0119dnym elementem tre\u015bci.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h1 id=\"Alternative-text\"><strong>Tekst alternatywny do obraz\u00f3w i multimedi\u00f3w<\/strong><\/h1>\n<p><span style=\"font-weight: 400;\">Zdj\u0119cie jest warte tyle, co tysi\u0105c s\u0142\u00f3w \u2013 jednak niewidomi i niedowidz\u0105cy uczestnicy kurs\u00f3w polegaj\u0105 na tek\u015bcie alternatywnym. Zawsze dodawaj do obraz\u00f3w w dokumentach, prezentacjach slajd\u00f3w itp. zrozumia\u0142y, oparty na kontek\u015bcie tekst alternatywny. Zostanie on przeczytany na g\u0142os osobom korzystaj\u0105cym z czytnika ekranu lub innych technologii wspomagaj\u0105cych.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">W tym celu mo\u017cesz skorzysta\u0107 z wielu narz\u0119dzi. Pola tekstu alternatywnego s\u0105 czasami oznaczone jako \u201etekst alternatywny\u201d, \u201ealternatywny\u201d, a nawet \u201eopis obrazu\u201d. Je\u015bli takie pole jest dost\u0119pne, wpisz w nim tekst alternatywny do obrazu.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Tekst alternatywny powinien opisywa\u0107 znaczenie obrazu, a niekoniecznie zawiera\u0107 tylko jego opis. Powinien na przyk\u0142ad brzmie\u0107 \u201eobraz ko\u0142a z\u0119batego oznaczaj\u0105cego ustawienia\u201d a nie \u201eko\u0142o z\u0119bate\u201d. Zastan\u00f3w si\u0119: gdyby trzeba by\u0142o usun\u0105\u0107 obraz, jaki tekst m\u00f3g\u0142by go zast\u0105pi\u0107? Ewentualnie, je\u015bli konieczne by\u0142oby opisanie obrazu komu\u015b przez telefon, o czym nale\u017ca\u0142oby wspomnie\u0107?<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Je\u015bli obraz nie zawiera istotnego przekazu ani nie pe\u0142ni \u017cadnej funkcji lub jest jedynie ozdobnikiem albo tekst alternatywny znajduje si\u0119 w pobliskim tek\u015bcie, w miar\u0119 mo\u017cliwo\u015bci pole tekstu alternatywnego do obrazu powinno by\u0107 puste. Niekt\u00f3re edytory tekstu i aplikacje do prezentacji maj\u0105 opcj\u0119 \u201epusty\u201d.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Staraj si\u0119 nie dodawa\u0107 sformu\u0142owa\u0144 takich jak \u201ezdj\u0119cie przedstawiaj\u0105ce\u2026\u201d, \u201egrafika\u2026\u201d czy \u201elink do\u2026\u201d. Technologie wspomagaj\u0105ce automatycznie informuj\u0105 u\u017cytkownik\u00f3w, \u017ce na ekranie widoczny jest obraz.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">U\u017cywaj jak najmniejszej liczby s\u0142\u00f3w, ale bez uszczerbku dla jasno\u015bci lub kontekstu.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Program Adobe Acrobat Pro mo\u017ce sprawdzi\u0107, czy Tw\u00f3j dokument PDF spe\u0142nia standardy dotycz\u0105ce u\u0142atwie\u0144 dost\u0119pu. Link znajdziesz w <\/span><span style=\"font-weight: 400;\">sekcji Materia\u0142y<\/span><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h2><i><span style=\"font-weight: 400;\">Przyk\u0142adowy obraz z tekstem alternatywnym<\/span><\/i><\/h2>\n<p><a href=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Accessibility-alternative-text-example.jpeg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-26614\" src=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Accessibility-alternative-text-example-300x200.jpeg\" alt=\"Na kanapie siedzi doros\u0142a osoba pracuj\u0105ca na laptopie oraz dziecko z za\u0142o\u017conymi s\u0142uchawkami, ogl\u0105daj\u0105ce co\u015b na tablecie.\" width=\"375\" height=\"250\" srcset=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Accessibility-alternative-text-example-300x200.jpeg 300w, https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Accessibility-alternative-text-example.jpeg 512w\" sizes=\"auto, (max-width: 375px) 100vw, 375px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Cz\u0119sto zdarza si\u0119, \u017ce domy\u015blnie u\u017cyta jest nazwa pliku , co nie jest pomocne.<\/span><\/p>\n<p style=\"padding-left: 40px;\"><b>Domy\u015blny tekst alternatywny <\/b><b><i>(nazwa pliku)<\/i><\/b><b>:<\/b><span style=\"font-weight: 400;\"> adult-kid-tech_revised_220811.jpg<\/span><\/p>\n<p style=\"padding-left: 40px;\"><b>Zmieniony tekst alternatywny:<\/b><span style=\"font-weight: 400;\"> Na kanapie siedzi doros\u0142a osoba pracuj\u0105ca na laptopie oraz dziecko z za\u0142o\u017conymi s\u0142uchawkami, ogl\u0105daj\u0105ce co\u015b na tablecie.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h1 id=\"Color-contrast\"><strong>Stosuj mocny kontrast kolor\u00f3w<\/strong><\/h1>\n<p><span style=\"font-weight: 400;\">Kontrast kolor\u00f3w to miara r\u00f3\u017cnicy jasno\u015bci dw\u00f3ch kolor\u00f3w wyra\u017cona w postaci proporcji od 1:1 (z\u0142y) do 21:1 (doskona\u0142y). U\u017cywaj mocno kontrastuj\u0105cych kolor\u00f3w, zw\u0142aszcza w przypadku tekstu i jego t\u0142a. Obrazy zawieraj\u0105ce tekst tak\u017ce powinny mie\u0107 wysoki kontrast. Aby lepiej zobrazowa\u0107 r\u00f3\u017cnic\u0119 pomi\u0119dzy niskim a wysokim kontrastem, przygotowali\u015bmy kilka przyk\u0142ad\u00f3w kolorowego tekstu na bia\u0142ym tle. Znajdziesz je poni\u017cej.\u00a0<\/span><\/p>\n<h2><em>Niski kontrast<\/em><\/h2>\n<p><span style=\"font-weight: 400;\">Minimalny kontrast tre\u015bci spe\u0142niaj\u0105cej wymagania dost\u0119pno\u015bci to 4,5:1. Oto przyk\u0142ady po\u0142\u0105cze\u0144 kolor\u00f3w, kt\u00f3re nie spe\u0142niaj\u0105 tych wymaga\u0144 i nie powinny by\u0107 u\u017cywane:<\/span><\/p>\n<p><a href=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-26-at-10.57.13.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-27645\" src=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-26-at-10.57.13-300x60.png\" alt=\"\" width=\"500\" height=\"100\" srcset=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-26-at-10.57.13-300x60.png 300w, https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-26-at-10.57.13-1024x205.png 1024w, https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-26-at-10.57.13-768x153.png 768w, https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-26-at-10.57.13.png 1246w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u017b\u00f3\u0142ty tekst \u2013 1,07:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Bladozielony tekst \u2013 1,12:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Pomara\u0144czowy tekst \u2013 2,14:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">R\u00f3\u017cowy tekst \u2013 3,14:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Czerwony tekst \u2013 4,0:1<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2><i>Dobry kontrast<\/i><\/h2>\n<p><span style=\"font-weight: 400;\">Poni\u017csze po\u0142\u0105czenia kolor\u00f3w to dobry wyb\u00f3r \u2013 maj\u0105 wystarczaj\u0105cy kontrast (na poziomie od 4,5:1 do 7:1):<\/span><\/p>\n<p><a href=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-26-at-10.57.48.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-27658\" src=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-26-at-10.57.48-300x99.png\" alt=\"\" width=\"388\" height=\"128\" srcset=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-26-at-10.57.48-300x99.png 300w, https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-26-at-10.57.48.png 745w\" sizes=\"auto, (max-width: 388px) 100vw, 388px\" \/><\/a><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Niebieski tekst \u2013 4,68:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Ciemnozielony tekst \u2013 5,14:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Fioletowy tekst \u2013 6,95:1<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2><i>Doskona\u0142y kontrast<\/i><\/h2>\n<p><span style=\"font-weight: 400;\">Najlepiej u\u017cywa\u0107 kolor\u00f3w wymienionych poni\u017cej \u2013 maj\u0105 najlepszy wska\u017anik kontrastu (powy\u017cej 7:1):<\/span><\/p>\n<p><a href=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-26-at-10.58.52.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-27684\" src=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-26-at-10.58.52-300x89.png\" alt=\"\" width=\"428\" height=\"127\" srcset=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-26-at-10.58.52-300x89.png 300w, https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-26-at-10.58.52-768x228.png 768w, https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-26-at-10.58.52.png 1002w\" sizes=\"auto, (max-width: 428px) 100vw, 428px\" \/><\/a><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Ciemnopomara\u0144czowy tekst \u2013 7,43:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Ciemnoszary tekst \u2013 12,63:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Czarny tekst \u2013 21:1<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h1><strong>Podsumowanie najlepszych praktyk dotycz\u0105cych przyst\u0119pno\u015bci tre\u015bci kursu<\/strong><\/h1>\n<h2><strong>Tre\u015b\u0107<\/strong><\/h2>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Niech tre\u015b\u0107 kursu b\u0119dzie uporz\u0105dkowana. Podziel j\u0105 na kr\u00f3tsze akapity.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">W przypadku d\u0142ugich dokument\u00f3w podaj spis tre\u015bci lub streszczenie.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Do\u0142\u0105cz s\u0142owniczek termin\u00f3w jako materia\u0142 dodatkowy do pobrania.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Sprawd\u017a pisowni\u0119, gramatyk\u0119 i czytelno\u015b\u0107.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h2><strong>Semantyka dokumentu<\/strong><\/h2>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">U\u017cywaj znacznik\u00f3w semantycznych, dzi\u0119ki kt\u00f3rym technologie wspomagaj\u0105ce dzia\u0142aj\u0105 prawid\u0142owo.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Uporz\u0105dkuj tre\u015b\u0107, stosuj\u0105c znaczniki nag\u0142\u00f3wk\u00f3w.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Stosuj listy punktowane i numerowane.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">U\u017cywaj mo\u017cliwie najprostszej struktury tabeli.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Stosuj linki maj\u0105ce form\u0119 opisu.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h2><strong>Tekst alternatywny<\/strong><\/h2>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Dodawaj odpowiedni tekst alternatywny do obraz\u00f3w w dokumentach, prezentacjach slajd\u00f3w itp.\u00a0<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h2><strong>Kontrast kolor\u00f3w<\/strong><\/h2>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">U\u017cywaj w tek\u015bcie i obrazach kolor\u00f3w o du\u017cym kontra\u015bcie.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p class=\"p1\"><b>Linki do innych artyku\u0142\u00f3w na temat u\u0142atwie\u0144 dost\u0119pu i inkluzywno\u015bci<\/b><\/p>\n<ul class=\"ul1\">\n<li class=\"li2\"><span class=\"s1\"><a href=\"https:\/\/teach.udemy.com\/pl\/course-creation\/accessible-content\/\" target=\"_blank\" rel=\"noopener\"><span class=\"s2\">Tworzenie \u0142atwo dost\u0119pnych, inkluzywnych tre\u015bci \u2014 om\u00f3wienie<span class=\"Apple-converted-space\">\u00a0<\/span><\/span><\/a><\/span><\/li>\n<li class=\"li2\"><span class=\"s1\"><a href=\"https:\/\/teach.udemy.com\/pl\/accessible-video-content-considerations\/\" target=\"_blank\" rel=\"noopener\"><span class=\"s2\">U\u0142atwienia dost\u0119pu do tre\u015bci wideo<\/span><\/a><\/span><\/li>\n<li class=\"li2\"><span class=\"s1\"><a href=\"https:\/\/teach.udemy.com\/pl\/inclusive-content-considerations\/\" target=\"_blank\" rel=\"noopener\"><span class=\"s2\">U\u0142atwienia dost\u0119pu do tre\u015bci<\/span><\/a><\/span><\/li>\n<li class=\"li2\"><span class=\"s1\"><a href=\"https:\/\/teach.udemy.com\/pl\/resources-on-accessibility-inclusivity\/\" target=\"_blank\" rel=\"noopener\"><span class=\"s2\">Materia\u0142y z zakresu u\u0142atwie\u0144 dost\u0119pu i inkluzywno\u015bci<\/span><\/a><\/span><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Filmy i materia\u0142y kursowe w Udemy wzajemnie si\u0119 uzupe\u0142niaj\u0105, utrwalaj\u0105c zrealizowane zagadnienia i rozwijaj\u0105c nowe umiej\u0119tno\u015bci. Zadbaj wi\u0119c o to, aby ca\u0142y kurs mia\u0142 przyst\u0119pn\u0105 form\u0119 wszystko, co w nim umieszczasz, powinno by\u0107 dost\u0119pne dla ka\u017cdego. Ten rozdzia\u0142 zawiera cztery tematy zwi\u0105zane z dost\u0119pno\u015bci\u0105 materia\u0142\u00f3w kursowych: Organizacja tre\u015bci Semantyka dokumentu Tekst alternatywny do obraz\u00f3w i [&hellip;]<\/p>\n","protected":false},"author":120,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-26679","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/teach.udemy.com\/pl\/wp-json\/wp\/v2\/pages\/26679","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teach.udemy.com\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teach.udemy.com\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teach.udemy.com\/pl\/wp-json\/wp\/v2\/users\/120"}],"replies":[{"embeddable":true,"href":"https:\/\/teach.udemy.com\/pl\/wp-json\/wp\/v2\/comments?post=26679"}],"version-history":[{"count":0,"href":"https:\/\/teach.udemy.com\/pl\/wp-json\/wp\/v2\/pages\/26679\/revisions"}],"wp:attachment":[{"href":"https:\/\/teach.udemy.com\/pl\/wp-json\/wp\/v2\/media?parent=26679"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}