Goobi-Tag 2021: Barrierefreiheit im Goobi viewer
•0 likes•321 views
Report
Share
Download to read offline
Goobi-Tag 2021: Barrierefreiheit im Goobi viewer (Jakob Epler, intranda GmbH)
Recommended
More Related Content
More from intranda GmbH
More from intranda GmbH(20)
Goobi-Tag 2021: Barrierefreiheit im Goobi viewer
- 1. - Barrierefreiheit im Goobi viewer - 1 09.11.2021 Jakob Epler, intranda GmbH
- 2. - Gesetze und Normen - • Behindertengleichstellungsgesetz • BITV 2.0 (Barrierefreie-Informationstechnik-Verordnung) 1 09.11.2021 Jakob Epler, intranda GmbH
- 3. - Menschen - • 9,5 % gelten als schwerbehindert • 10 % haben eine Rot-Grün-Schwäche • viele weitere Einschränkungen: visuell, auditiv, kognitiv, motorisch 1 Photo by Sigmund on Unsplash 09.11.2021 Jakob Epler, intranda GmbH
- 4. - Was bedeutet Barrierefreiheit? - „Barrierefrei sind bauliche und sonstige Anlagen, Verkehrsmittel, technische Gebrauchsgegenstände, Systeme der Informationsverarbeitung, akustische und visuelle Informationsquellen und Kommunikationseinrichtungen sowie andere gestaltete Lebensbereiche, wenn sie für Menschen mit Behinderungen in der allgemein üblichen Weise, ohne besondere Erschwernis und grundsätzlich ohne fremde Hilfe auffindbar, zugänglich und nutzbar sind. Hierbei ist die Nutzung behinderungsbedingt notwendiger Hilfsmittel zulässig.“ Gesetz zur Gleichstellung von Menschen mit Behinderungen, § 4 Barrierefreiheit 1 Acabashi, CC BY-SA 4.0, via Wikimedia Commons 09.11.2021 Jakob Epler, intranda GmbH
- 5. - Was bedeutet Barrierefreiheit? - „Uneingeschränkter Zugang zu Informationen“ Jakob Epler, Barrierefreiheit im Goobi viewer 1 Photo by Bret Kavanaugh on Unsplash 09.11.2021 Jakob Epler, intranda GmbH
- 6. - WCAG Prinzipien - 1. Wahrnehmbarkeit 2. Bedienbarkeit 3. Verständlichkeit 4. Robustheit 1 Stake aired, Public domain, via Wikimedia Commons 09.11.2021 Jakob Epler, intranda GmbH
- 7. - Accessibility automatisieren? - Lighthouse 1 Photo by Possessed Photography on Unsplash 09.11.2021 Jakob Epler, intranda GmbH
- 8. - Accessibility automatiseren? - Axe Dev Tools 1 Photo by Possessed Photography on Unsplash 09.11.2021 Jakob Epler, intranda GmbH
- 9. - Accessibility Selber machen! - Axe Dev Tools 1 Photo by Darius Soodmand on Unsplash 09.11.2021 Jakob Epler, intranda GmbH
- 10. - Typische Maßnahmen: Content-Struktur - <body> <!-- <div role="banner"></div> --> <header> <!-- <div role="navigation"></div> --> <nav></nav> </header> <!-- <div role="main"></div> --> <main></main> <!-- <div role="complementary"></div> --> <aside></aside> <!-- <div role="contentinfo"></div> --> <footer></footer> </body> 1 09.11.2021 Jakob Epler, intranda GmbH
- 11. - Typische Maßnahmen: ARIA Attribute - <button type="button" class="btn btn--clean page-header__actions-language-button" data-toggle="local" aria-label="Select language"> <span class="fa fa-globe"></span> Language </button> 1 09.11.2021 Jakob Epler, intranda GmbH
- 12. - Beispiel: Fullscreen Modus - https://viewer.goobi.io/fullscreen/lit30702/1/ 1 09.11.2021 Jakob Epler, intranda GmbH
- 13. - Beispiel: Fokusring - 1 09.11.2021 Jakob Epler, intranda GmbH