Accompanying Files
Observation Details
On base viewport size of 1024×768px and page zoom of 200%, the available:
vertical space in the "Tarif ändern" dialog window, due to fixed top and bottom bars, is less than 400px.
horizontal space, due to page zoom, is limited and cuts of hover tooltips
All content must be presented without loss of information or functionality.
Remediation Notes
The contents of the tooltip must stay accessible on smaller viewports. Ensure to display the contents within the boundaries of the viewport.
As the site is already working with dialog windows and collapsible elements, the easiest way to achieve this is to eliminate the tooltip functionality, as they (tooltip, dialog window, collapsible) serve the same purpose of hiding information. For this, the other used method must meet all success criteria, but this would eliminate the need of meeting them with yet another mechanism.
Hiding information from the user never is good user experience but the use of dialog windows or collapsible elements is widespread. While the use is no clear failure of accessibility criteria, concerning WCAG, one could argue it being at least a grey area for 3.2.4 Consistent Identification: "Components that have the same functionality within a set of Web pages are identified consistently." – this audit will not add this as a failure but asks to evaluate the use of multiple components that have the same purpose. Ideally, the functionality "hide from user" has a single way to be done. Splitting into a trigger being "block level" (FAQ) and "inline level" (Footnotes) seems reasonable, but adding another mechanism does not seem necessary.
While not a failure for the given success criterion, I also attached a screenshot showing the limited vertical space in the dialog window, which makes navigating the dialog's contents extremely difficult. Evaluation of the need for the top bar and the large bottom bar should be done.