Die 5 Ebenen Barriererfreier Web Entwicklung

3,046 views
2,929 views

Published on

Es ist ein weit verbreiteter Irrglaube, dass JavaScript und Barrierefreiheit sich ausschließen würden. Assistive Technologien können sehr wohl mit JavaScript umgehen. Richtig angewandt, kann JavaScript nicht nur zugänglich sein, sondern sogar helfen, Barrieren weiter zu reduzieren. Man muss aber einige Regeln dabei beachten. Dirk Ginader sagt uns, welche das sind und zeigt uns, wie man JavaScript dazu nutzen kann, um eine Webseite für alle interessanter und nutzbarer zu machen.
http://it-republik.de/konferenzen/webtech09/speaker/#4386

Published in: Technology, Travel
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,046
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
30
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide
  • over 90 different roles to map existing OS concepts onto your Markup
  • article
    Content that makes sense in its own right, such as a complete blog post, a comment on a blog, a post in a forum, and so on.
    banner
    Site-orientated content, such as the title of the page and the logo.
    complementary
    Supporting content for the main content, but meaningful in its own right when separated from the main content. For example, the weather listed on a portal.
    contentinfo
    Child content, such as footnotes, copyrights, links to privacy statement, links to preferences, and so on.
    main
    Content that is directly related to or expands on the central content of the document.
    navigation
    Content that contains the links to navigate this document and/or related documents.
    search
    This section contains a search form to search the site.
  • aria-valuemin
    Stores the lowest value a range may have.
    aria-valuemax
    Stores the highest value a range may have.
    aria-valuenow
    Stores the current value in a range.
    aria-valuetext
    Stores readable text to help the user understand the context. For example, "30 dollars".
    aria-labelledby
    Stores the id attribute of a text label containing an appropriate prompt for this widget.
  • off
    This is the default value, and indicates that the region is not live.
    <ul aria-live="off">
    polite
    This is normal operation and the expected behaviour for live regions. A value of polite indicates that it is not necessary to respond until user completes their current activity.
    <ul aria-live="polite">
    assertive
    This value is a higher priority than normal but does not necessarily interrupt the user immediately.
    <ul aria-live="assertive">
  • off
    This is the default value, and indicates that the region is not live.
    <ul aria-live="off">
    polite
    This is normal operation and the expected behaviour for live regions. A value of polite indicates that it is not necessary to respond until user completes their current activity.
    <ul aria-live="polite">
    assertive
    This value is a higher priority than normal but does not necessarily interrupt the user immediately.
    <ul aria-live="assertive">
  • ×