@WeirdWriter I'm trying to work out where the issues are based on your edit, but I'm having some trouble.
I'm seeing labels with checkbox elements nested inside them for answers in the regular test mode (despite there also being a custom span for visual effect), for example, and the WAVE evaluator claims that these are correctly associated.
I'm also not quite sure what 'the navigation area' refers to - I thought you meant the menu on the left where you can navigate between questions, but according to Firefox's (accessibility) tree those all seem to be hyperlinks with recognized label texts.
Am I looking in the right place, or am I missing something?
@WeirdWriter From what I can tell, adaptive mode increases the contrast and font size; markup-wise, it changes the form elements so that the label is attached to the checkbox input through a for= reference, rather than nesting the checkbox inside of the label.
Both approaches should be valid and equivalent to connect the two elements, but I wonder now if some screenreaders handle these cases differently somehow.
(If I can find the time, I'll try setting up a screenreader to see what it makes of it...)
@joepie91 Im on On mobile but I would suggest NVDA
@joepie91 On both desktop and mobile screen readers, every link after the home page URL is empty. It doesn’t have labels. I would love to know what things change when someone uses the adaptive mode for the quiz. https://distrochooser.de/?vim=true