G59: Az interaktív elemek olyan sorrendbe állítása, amely követi a tartalom sorrendiségét és kapcsolódó pontjait.
Alkalmazhatóság
Minden olyan technológia, amely interaktív elemeket tartalmaz és alapértelmezett bejárási sorrendet határoz meg az interaktív elemekhez.
Jelen technika vonatkozik a:
Leírás
Jelen technika célja biztosítani, hogy az interaktív elemek olyan sorrendben kerüljenek fókuszba, amely követi a tartalom logikai sorrendjét és kapcsolatát. A tartalom tervezésekor az olyan interaktív elemeket, mint a hivatkozásokat és űrlapvezérlőket úgy helyezik el a tartalomban, hogy az alapértelmezett bejárási sorrend kövesse a tartalom sorrendjét és kapcsolódási pontjait. Minden technológia meghatározza a saját alapértelmezett bejárási sorrendjét, így a tartalomban található vezérlők elhelyezéséhez alkalmazott mechanizmus függ a felhasznált technológiától.
Példaként, a HTML-ben az alapértelmezett bejárási sorrend követi azt a sorrendet, amelyben az elemek a tartalom forrásában megjelennek. Amikor a HTML-forrás sorrendje megegyezik a weboldal vizuális sorrendjével, a tabulálás alkalmazása a tartalomban követi a tartalom vizuális elrendezését. Amikor a forrás sorrendje nem egyezik meg a vizuális sorrenddel, a tartalom bejárási sorrendjének tükröznie kell a logikai kapcsolatokat a vizuálisan megjelenített tartalomban.
Példák
-
Egy űrlap két olyan szövegbeviteli mezőt tartalmaz, melyeket sorrendben kell kitölteni. Az első szövegbeviteli mező előre kerül a tartalomban, a második beviteli mező a következő helyre kerül.
-
Egy űrlap két egymás melletti információs szakaszt tartalmaz. Az egyik szakasz egy jelentkezőről tartalmaz információt; a másik szakasz a jelentkező házastársáról közöl információt. A jelentkező szakaszában található összes interaktív elem előbb kerül fókuszba, mint a házastárs szakaszában szereplő bármelyik elem. A szakaszokban található elemek a szakasz olvasási sorrendje szerint kerülnek fókuszba.
Források
Nincsenek elérhető források..
Kapcsolódó technikák
- G57: A tartalom sorrendiség szerinti rendezése
- H4: Creating a logical tab order through links, form controls, and objects
- C27: Making the DOM order match the visual order
- SCR26: Inserting dynamic content into the Document Object Model immediately following its trigger element
- SCR27: Reordering page sections using the Document Object Model
- SCR37: Creating Custom Dialogs in a Device Independent Way
Ellenőrzések
Folyamat
-
Határozza meg az interaktív elemek sorrendjét a tartalomban.
-
Határozza meg az interaktív elemek logikai sorrendjét.
-
Ellenőrizze, hogy az interaktív elemek sorrendje a tartalomban megegyezik a logikai sorrenddel.
Várható eredmények
-
A #3 teljesül.