Jednostavan odgovor na pitanje: Kako povećati svoj "total addressable market" (TAM) za 20%? Post odmah zvuči pametnije kad se ubaci pokoja engleska fraza.
Tako da svoj proizvod učinite pristupačnim! U ovom kontekstu, pristupačnost je službeni prijevod engleske riječi "accessibility" i odnosi se na dizajn proizvoda ili usluge tako da ih osobe s invaliditetom mogu lako koristiti.
U EU jedna od pet osoba ima neki oblik invaliditeta: motoričke probleme, djelomičnu ili potpunu sljepoću, nagluhost, itd. A kako kao društvo starimo, taj broj će najvjerojatnije rasti.
Poboljšanjem pristupačnosti stvorit ćete kvalitetniji proizvod, povećati svoj TAM za 20%, pokazati društvenu odgovornost i pridonijeti inkluzivnijem društvu. Win - win situacija.
Za vaše web (i mobilne) aplikacije tu su Web Content Accessibility Guidelines (WCAG smjernice). Stoga, pravac na njihov link.
Fotka niže je moj prvi 'redesign' jedne (fiktivne) mobilne aplikacije prema WCAG AAA smjernicama za boje (kontraste). Easy peasy, čak nisam morao izaći iz palete! Po mom skromnom mišljenju, rezultat je manje naporan za oči i nama koji nemamo problema s prepoznavanjem boja.
BTW, riječ 'redesign' poviše je u navodnicima jer WCAG uključuje više od definiranja kontrasta. Specificira veličinu fonta, navigaciju i sl. i po tom pitanju na aplikaciji bi bilo još dosta posla. :-)
Showing posts with label accessibility. Show all posts
Showing posts with label accessibility. Show all posts
Thursday, June 27, 2024
Pristupačnost (engl. accessibility) digitalnih proizvoda
Labels:
accessibility,
pristupacnost
Friday, October 27, 2023
Additional UX/UI Resources
Last update: 2025.03.09
Accessibility
EN 301 549 resources
Resources from Google
- Building for accessibility
- Newsletter, Twitter, videos
- You can also participate in their Trusted Tester or User Research programs.
Figma plugins
- Include by eBay - accessibility annotations tool
- A11y Annotation Kit by Indeed
- [defunct?] Accessibility bluelines by GitLab - annotation tools for content and behavior
From How accessibility bluelines shaped Adobe Fresco:
Accessibility bluelines are the design specifications that define and describe an application's wayfinding (focus order, keyboard shortcuts, content structure and annotations) so it can be engineered for assistive technology (screen readers, keyboards).
Tools
Design Systems
Website audit
Lighthouse is an open-source, automated tool for improving the quality of web pages. You can run it against any web page, public or requiring authentication. It has audits for performance, accessibility, progressive web apps, SEO, and more.
Usability
- Microsoft Clarity - Free Heatmaps & Session Recordings
Understand your users. Improve your products. Better your business. Clarity is a free tool that captures how people use your site. Setup is easy and you'll start getting data in minutes.
Usability
- LottieFlies - animations library
Labels:
accessibility,
uxui
Subscribe to:
Posts (Atom)
