CSS dla osób niedowidzących?


17

Podczas nauki HTML napotkałem CSS. Jest to interesujące, ponieważ dzięki CSS możesz sprawić, że strona będzie fajniejsza lub piękniejsza. Ale ponieważ chodzi bardziej o kolory, wzory, style itp., Nie mogę poznać wyników moich kodów CSS. Jako osoba niedowidząca, dlaczego mam się uczyć CSS, jeśli widzący ludzie zawsze mogą zaprojektować stronę internetową lepiej niż ja, ponieważ widzą?

  1. Czy są tu niewidomi programiści, którzy piszą CSS? Jak to zrobiłeś?
  2. Czy powinienem zlekceważyć CSS i pozostawić go widzącym programistom? Czy jest kilka rzeczy w CSS, które mogę zrobić bez proszenia ludzi, aby spojrzeli na moją stronę, aby dowiedzieć się, czy ma dobry projekt?

3
Możesz być zainteresowany dźwiękowym aspektem CSS.

1
Jeśli nie jesteś zbyt wybredny w swoich projektach, możesz rozważyć użycie szablonów CSS - predefiniowanych schematów kolorów i szczegółów. Może warto rozważyć współpracę z widzącym projektantem, który może je dla Ciebie skonfigurować. Następnie możesz wybrać opcję samodzielnego wyboru.
rpeg

Zależy, czy tworzysz stronę internetową dla użytkowników niedowidzących, czy nie. Jeśli dotyczy to obu, powinieneś połączyć siły.
Ronni Skansing

Odpowiedzi:


12

CSS jest ogólnym językiem stylizacji i zawiera także właściwości znaczników słuchowych . Chociaż żadna z tych funkcji nie jest zaimplementowana w głównych przeglądarkach, może być przydatna do ekranowania czytników (ale nie wiem, czy jakakolwiek implementacja tego, biorąc pod uwagę, że znaczniki dźwiękowe nie są powszechne „na wolności”).

Jako osoba widząca piszę CSS w ciasnej pętli zwrotnej, w której zmieniam trochę CSS, a następnie obserwuję, jak zmienia się strona. Jeśli ta informacja zwrotna nie jest możliwa lub bardzo trudna, musimy wrócić do zasad projektowania i mieć nadzieję, że się sprawdzą.

  • Proporcje są łatwiejsze do zarządzania, gdy myślimy o stronie jako o siatce. Częstym podziałem jest używanie górnego wiersza do nawigacji i nagłówków oraz prawej kolumny dla powiązanych treści. Lewa kolumna służy do głównej zawartości i ma około dwa do trzech razy większą szerokość niż prawa kolumna. Tak z grubsza renderowane są witryny Stack Exchange. W CSS można to zaimplementować z display: tablepokrewnymi stylami wyświetlania table-rowi table-celllub z nowszym modelem Flexbox. Dokładne proporcje są zaskakująco nieistotne.

  • Strona wygląda lepiej, gdy jest wyśrodkowana poziomo.

  • Nie trzeba używać wielu kolorów: istnieje kolor tła (zwykle coś jasnego i nienasyconego) i kolor tekstu (zwykle coś ciemnego i nasyconego). Możemy zmniejszyć kontrast jasności, aby zmniejszyć wyróżnienie tekstu, takiego jak przypisy, wiersze lub inne szczegóły. Korzystanie z modelu kolorów HSV powinno być o wiele łatwiejsze niż RGB. Istnieje wiele palet kolorów, których można użyć, jeśli zwykły szary jest zbyt nudny. Kolor należy stosować, ale oszczędnie.

  • Rozmiar czcionki można również wykorzystać do wskazania znaczenia - kroki 2pt i nigdy poniżej 9pt wydają się rozsądne. W przypadku zwykłego tekstu nie należy przekraczać rozmiaru czcionki 14pt. Razem rozmiar czcionki i kontrast tekstu są podobne do głośności mowy.

  • CSS oferuje nie tylko bezwzględne jednostki miary jak pxlub, cmale także jednostki względne jak emi słowa kluczowe jak thinlub medium. Korzystanie z pomiarów względnych i tych słów kluczowych jest często łatwiejsze.

  • Tekst nie powinien być szerszy niż 40em.

  • Przeglądarki są dostarczane z domyślnymi arkuszami stylów. Nie są ładne, ale nie musisz przesłonić wszystkiego. Wybór prostego webfonta i ustawienie maksymalnej szerokości elementów tekstowych to dwie najważniejsze rzeczy. Pisanie semantycznego HTML jest ważne dla działania domyślnych stylów.

Dzięki temu powinno być możliwe zaprojektowanie prostego bloga lub podobnego. Jednak:

  • Debugowanie kodu jest trudne, tym bardziej, jeśli nie widzisz, co robisz. Za pierwszym razem nie mam racji. Ale skąd miałbyś wiedzieć, kiedy wszystko wygląda „dobrze”?

  • Niektóre rzeczy wymagają precyzyjnego umieszczenia elementów, np. W menu podręcznym.

  • Obrazy i ikony mogą zwiększyć głębię projektu, ale wybór byłby trudny.

  • Model pudełkowy CSS jest okropny i często trudny do symulacji w twojej głowie.

Zakładam, że byłbyś w stanie napisać trochę CSS, ale byłoby to niezwykle frustrujące. Nie wiem, jakie istnieją technologie wspomagające, ale zakładam, że dotykowe sprzężenie zwrotne pozwoliłoby zaprojektować ogólny układ. Może programowanie parami z osobą ze wzrokiem może być dobrym rozwiązaniem dla mniejszych szczegółów?


3
Zgadzam się z sugestią programowania pary. Wzrok to kolejna umiejętność pożyczania, taka sama jak debugowanie lub architektura.
Jon Purdy

5

Jeśli Eşref Armağan umie malować , osoby niewidome powinny mieć możliwość tworzenia stron internetowych. Ale biorąc pod uwagę, jak trudniej jest, powinieneś rozważyć inne obszary programowania. Znałem kilku ślepych programistów, byli bardzo skuteczni, po części dlatego, że musieli cały czas pamiętać o całym programie.

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.