10 świetnych sposobów, aby Twoje treści były przenośne i dostępne

Zawartość

• Dostępność nie jest „funkcją”
• Definiowanie platform
• Zapewnianie przenośności i dostępności treści
• 1. Zacznij od HTML5
• 2. WAI-ARIA
• 3. Korzystanie z doctype
• 4. Tagi dokumentów HTML5
• 5. Złe linki
• 6. Obrazy - ALT a TITLE
• Poinformuj ludzi
• streszczenie
• Podziękowanie
• Zasoby

Kiedy Kerie pisze na swoim iPhonie, wygląda, jakby grała na flecie. Trzyma go blisko twarzy, a jej palce poruszają się w niesamowitym tempie. Kończy pisać i podaje mi swój telefon, bym przeczytał wiadomość, którą właśnie napisała. Ma doskonałą pisownię i gramatykę oraz został napisany znacznie szybciej niż mogłem to zrobić, używając klawiatury dotykowej iPhone'a.

Kerie używa aplikacji o nazwie Fleksy, aby pomóc jej przesuwać palcami po powierzchni telefonu we wzorach, które zamieniają się w słowa. Czyta również wiadomości, słucha aplikacji radiowych, sprawdza Twittera i wyszukuje za pomocą telefonu rozkłady jazdy pociągów. Jest całkowicie ślepa.

„Publikowanie” oznacza różne rzeczy dla różnych osób. Dla niektórych oznacza to wyprodukowanie drukowanej, fizycznej ilości pracy. Inni ludzie kojarzą publikowanie z możliwością rozpowszechniania prac pisemnych za pośrednictwem urządzeń i aplikacji. Coraz częściej ludzie myślą o publikowaniu jako o udostępnianiu treści w dowolnym formacie, niezależnie od tego, czy oznacza to wysłanie artykułu na bloga, czy zaktualizowanie posta w Google Plus.

Rzeczywistość jest taka, że ​​oczekiwania użytkowników różnią się, a te oczekiwania zmieniają się w czasie. Czytelnicy, którzy niegdyś żarłocznie zjadali najnowszy post na blogu, teraz oczekują, że mogą przeczytać ten post na blogu lub dowolny artykuł lub książkę, gdziekolwiek i kiedykolwiek będzie to dla nich wygodne. Dzisiejsze treści podążają za nami od bloga do Reedera przez telefon do Instapapera na iPadzie do wersji e-mail wysłanej przez Whispernet do Kindle.

Każdy sposób czytania jest inny, a dla tych, którzy potrzebują funkcji ułatwień dostępu, takich jak czytnik ekranu, wysoki kontrast lub powiększony tekst, ten przepływ pracy jest zepsuty, czasem nieodwracalny, gdy autorzy i wydawcy nie uwzględniają drobnych, ale niezbędnych szczegółów dotyczących formatowania. Nie myśl o tym jako o „zaznaczaniu pola ułatwień dostępu”. Zamiast tego uświadom sobie, że skutecznie przekształcasz swoje treści w czarną skrzynkę dla wielu potencjalnych klientów.

Dostępność nie jest „funkcją”

Chociaż prawdą jest, że dostępne elementy sterujące są używane przez osoby z upośledzeniem słuchu i wzroku, wiele innych osób również z nich korzysta. Osoba niedowidząca dostosuje rozmiary czcionek, aby ułatwić czytanie treści na ekranie. Osoba, która nie widzi kolorów, ceni sobie możliwość dostosowania palety kolorów tak, aby rzeczy takie jak czerwony tekst ostrzegawczy rzeczywiście się wyróżniały. Osoby z długimi dojazdami używają czytników ekranu do odsłuchiwania artykułów, które są im czytane. Non-native speakerzy używają napisów wideo i audio, aby pomóc im w zrozumieniu nowego języka. Wszystkie te scenariusze przedstawiają szerszy zakres treści, lepsze wrażenia użytkownika i empatię, a być może nawet większe przychody.

Dokładny przegląd tego, co oznacza dostępność, znajduje się w artykule Iana Hamiltona.

Definiowanie platform

Zacznijmy od kilku definicji dotyczących tego, na jakich formatach możemy się skupić, aby nasze treści były bardziej czytelne:

• HTML: Dzięki HTML5 internet jest jeszcze lepszym miejscem dla pisarzy i wydawców do prezentowania swojej pracy. Nowe tagi, takie jak artykuł, Sekcja, nagłówek i stopka są teraz zaimplementowane w wielu przeglądarkach i mogą być używane częściowo niezawodnie w celu dodania semantycznego kontekstu do twojego pisania. Dodatkowo, nadchodzący moduł strony CSS3 może być również interesujący dla tych, którzy szukają możliwości bardziej stałego czytania stron.
• EPUB: EPUB to oficjalny standard organizacji International Digital Publishing Forum (IDPF). EPUB3 został zatwierdzony w październiku 2011 roku i pozwala publikacjom mieć bardziej stylową i dostosowywaną treść, bliższą temu, co jest możliwe w HTML / CSS, zamiast poprzednich, bardziej statycznych wytycznych.
• MOBI: MOBI, skrót od Mobipocket, to format używany przez Kindle i inne cyfrowe czytniki. Jest mniej konfigurowalny niż EPUB, ale omawiamy to tutaj, ponieważ możesz go użyć do publikowania treści w Amazon, jeśli wybierzesz. Według Robina Christophersona z AbilityNet, niektóre modele Kindle są dostępne dla niewidomych użytkowników; jednak aplikacja Kindle na iOS nie jest. KF8, nowy format Kindle, jest obecnie obsługiwany przez Kindle Fire i wkrótce zostanie wdrożony w najnowszej generacji urządzeniach Kindle e-ink i aplikacjach do czytania Kindle.
• PDF: PDF stał się wszechobecną jednostką w sieci. Umieszczam to tutaj, ponieważ większość tabletów ma dobrą, wbudowaną technologię do czytania plików PDF i włączania technologii wspomagającej. W przypadku pliku PDF decydującym czynnikiem jest sposób jego utworzenia. Według Alana Daltona, doradcy ds. Rozwoju dostępności w irlandzkim National Disability Authority, „Możesz udostępniać pliki PDF, jednak wiele osób tego nie robi. Nie zdają sobie sprawy, że ich narzędzia wytwarzają złe produkty. Gdybym miał po swojemu, wszystko, co robimy, być HTML ”. Pomijając nawigację i ułatwienia dostępu, pliki PDF również nie dostosowują się dobrze do różnych rozmiarów, a każdy, kto próbował czytać plik PDF na smartfonie, jest zaznajomiony z niezręcznym szczypaniem, powiększaniem i przesuwaniem, które są do tego wymagane.

Do tej kategorii nie należą aplikacje, które pobierają treści i przekształcają je w duże obrazy. Chociaż może to zapewnić taki sam wygląd i styl na wszystkich platformach, blokujesz dużą liczbę odbiorców, jednocześnie tworząc bardzo duże pliki do pobrania. Ten problem zaostrza się, gdy zaczynamy mówić o wyświetlaczach Retina i obrazach o podwójnych rozmiarach. Aby poczuć, jak to jest, gdy ktoś odmawia czegoś, co chcesz przeczytać (a mimo to i tak trzeba za to zapłacić), przeczytaj komentarze o niedostępności aplikacji w Kiosku przez VoiceOver na iOS.

Aby zobaczyć, jak tego typu magazyny wyglądają dla dostępnego użytkownika technicznego, zobacz moje osadzone filmy wideo, które pokazują frustrujące doświadczenie czytania tych czasopism za pomocą
narzędzie ułatwień dostępu, takie jak VoiceOver:

Zapewnianie przenośności i dostępności treści

Skupienie się na formatach przenośnych pozwala nam obsługiwać nasze treści, aby żyć szczęśliwie w większej liczbie przeglądarek, telefonów, czytników cyfrowych i aplikacji do czytania. Co musimy zrobić z naszymi treściami, aby mieć pewność, że można je dobrze tłumaczyć między różnymi formatami, zachowując przy tym niestandardowy styl i wspaniałe wrażenia?

Poniżej przedstawiam kilka wskazówek dla osób, które chcą, aby ich publiczność była jak najszersza i nie chcą zamykać swoich treści w czarnej skrzynce dla wielu użytkowników. Techniki te można zastosować do wszystkiego, od postów na blogu, przez długie formy dziennikarskie, po wszelkie inne prace, które rozważasz jako samodzielne publikowanie:

1. Zacznij od HTML5

Tworząc dokumenty na początku w HTML5, nie musisz się martwić w przyszłości. Znaczniki HTML5 ułatwią nawigację po dokumentach i przetłumaczenie ich na inne formaty. Znacznie mniej „dostosowujesz” swoje publikacje do innych formatów, jeśli od samego początku będziesz mieć w nich informacje semantyczne.

2. WAI-ARIA

WAI-ARIA to Inicjatywa Dostępności Sieciowej - pakiet Accessible Rich Internet Applications. Jest to zbiór wytycznych stworzonych przez grupę roboczą Protocols and Formats (PFWG) z dnia
W3C. WAI-ARIA definiuje sposób na uczynienie treści internetowych i aplikacji bardziej dostępnymi dla osób niepełnosprawnych i pomaga w dynamicznej zawartości i zaawansowanych kontrolkach interfejsu użytkownika opracowanych za pomocą Ajax, HTML, JavaScript i pokrewnych technologii. Niektóre z technik w tym artykule pochodzą z wytycznych WAI-ARIA i chociaż ten artykuł nie jest wystarczająco długi, aby objąć całą specyfikację, zachęcam do zapoznania się z nim, aby uzyskać więcej informacji na temat tego, dlaczego są one zalecane i najlepsze praktyki dla wdrażanie ich.

3. Korzystanie z doctype

Chociaż samo użycie określonego typu dokumentu nie wpływa na dostępność powiązanego kodu HTML, ważnym powodem używania typu dokumentu jest upewnienie się, że tryb dziwactw przeglądarki nie jest uruchamiany. Po prostu użyj ! DOCTYPE html> aby tak się nie stało.

4. Tagi dokumentów HTML5

Właściwa nawigacja w dokumencie ma duże znaczenie dla jego wskaźnika dostępności. Wielu użytkowników dostępnej technologii, z którymi rozmawiałem, wyraziło frustrację, że dostawcy treści i programiści nie zaznaczają odpowiednio swoich dokumentów pod kątem możliwości nawigacji. Te tagi zapewniają więcej kontekstu sekcjom dokumentu niż używanie wielu elementów div.

• nagłówek i Stopka mogą być używane wiele razy na stronie. Mogą oznaczać odpowiedni główny nagłówek lub stopkę dokumentu lub mogą być używane jako informacje nagłówka / stopki w artykułach lub sekcjach.
• Na bok jest dobrym tagiem do użycia w przypadku sekcji, takich jak paski boczne w książce, które są komplementarne w stosunku do dokumentu, ale nie są absolutnie niezbędne do jego zrozumienia.
• Sekcje to sensowne sposoby na dzielenie pomysłów lub grupowanie treści.
• Artykuły są niezależnymi, samodzielnymi utworami, które mogłyby istnieć bez reszty treści. Odpowiednie użycie tych tagów pomaga zapewnić prawidłową interpretację struktury treści.

5. Złe linki

Dzięki CSS można używać obrazów tła w linkach i przyciskach. To fajny efekt dla projektantów stron internetowych, ponieważ daje większą kontrolę nad typografią. Jednak doprowadziło to do tego, że ludzie zapomnieli o umieszczaniu opisów tekstowych. Upewnij się, że nawet jeśli używasz tekstu na obrazie, aby zapewnić, że pozostanie on dostępny. Może to również wpłynąć na takie rzeczy, jak SEO i
umiędzynarodowienie.

Przykład:

a href = "/ contact"> / a>

To jest złe.

a href = "/ contact"> Skontaktuj się z nami / a>

Dużo lepiej.

6. Obrazy - ALT a TITLE

Ludzie często to uwzględniają alt lub tytuł atrybutów na ich obrazie, ale nie obu, ponieważ są często źle rozumiane i dlatego wydają się zbędne. Aby wyjaśnić zamieszanie, tytuł może przedstawiać informacje doradcze, takie jak te, które mogą pojawić się w podpowiedzi. Może to również dostarczyć dodatkowych informacji, gdy najedziesz kursorem myszy na obraz, technikę używaną przez wiele osób na swoich blogach. Jednak wraz z rozwojem urządzeń dotykowych tego rodzaju informacje stają się mniej przydatne.

Alt z drugiej strony jest używany przez technologię wspomagającą i nadaje kontekst elementowi. Musisz użyć alt na zdjęciach i upewnij się, że zawiera przydatne informacje. Za pomocą img alt = "" src = "1348.webp">

Poinformuj ludzi

Jeśli Twoje treści są dostępne w wielu formatach, upewnij się, że istnieje sposób, aby je znaleźć w swojej witrynie. Prawdopodobnie widziałeś komunikat „Jeśli masz problemy z wyświetleniem tej wiadomości e-mail, przeczytaj online
version ”u góry wielu biuletynów e-mailowych. Postaraj się robić to samo z treścią. Jeśli masz dostępny plik PDF lub wersję audio, a także plik ePub, upewnij się, że użytkownicy mogą znaleźć te informacje. testowanie, aby upewnić się, że treść jest możliwa do znalezienia i czytelna