Notes on the changes made to chem-BV-ox.svg and how these helped improve its accessibility.
This is a diagram representing a process in organic chemistry, showing how adding one substance to another can be used to force a change.
Specifically, it shows the process known as Baeyer-Villiger oxidation, in which a
path
elements, including text. And most of them were over-complicated.defs
and use
elementsuse
elements instead of duplicating code. But it might not
work properly.Note that the work is only in an experimental phase, and incomplete. This is partially a statement of goals, and only the "make real text" step has already been applied throughout.
title
s and desc
s.aria-labelledby
(and aria-describedby
)title
element except for presenting the first one as a title of
an image, nor any screenreader that supports the desc
element, without the redundant aria attributes being used.aria-labelledby
(and aria-describedby
) in use
elements not
the defs
they clonedefs
, even when made with aria, unless
redundant aria attributes within the use
element point to the alternative used.focus
/hover
, so users can easily identify what they are focused on.tabindex="0"
to make the thing navigable.tabindex="0"
makes it possible in some browsers to navigate the structure using the keyboard.role="list"
(and listitem
) to break the phases, and items relevant to each phase, into
screen-reader-navigable listsrole="list"
aria-flowto