Prerequisite Axe DevTools ( Chrome webstore / Firefox Browser Add-ons ) Test: Paragraph styles Log in as a user Edit your profile Using your browser's dev tools, inspect the " Paragraph styles " menu button. Check the Paragraph styles menu button in the Accessibility tree (e.g. in Chrome the Accessibility section is under the "Elements" tab. In Firefox there's the accessibility tab, or it would be simpler to right-click on the button and select "Inspect Accessibility Properties". Confirm that the "Paragraph styles" menu button is identified as a menu button (In Firefox, it will be identified as a " buttonmenu ", while in Chrome it will be identified as " combobox ") Activate the Paragraph styles menu button to display its menu items. Inspect the menu popup in the accessibility tree. Click the <ul> tag enclosing the menu items (<li> tags) Confirm that the menu items are now under the "Paragraph styles" menu and that they are not under a dialog. (If you compare with a Moodle instance without a patch, you'll see the menu items are under a dialog) Automated accessibility testing With the Paragraph styles menu opened, click the " axe DevTools " tab in your browser's dev tools. Press "Scann all of my page" Confirm that you don't see the following errors: " Certain ARIA roles must be contained by particular parents " errors " <ul> and <ol> must only directly contain <li>, <script> or <template> elements " Test: Atto table Expand the atto toolbar Click on the " Table " button. Create a table. In the editor interface make sure the cursor is in the table. The Table button should be highlighted. Inspect the Table button's accessibility properties. Confirm that the Table button is identified as a menu button. (Chrome will see it as a " combobox ", while Firefox will see it as a " buttonmenu ") Click on the Table button and confirm that the table's menu options are being shown. On the editor, move the cursor outside the table so the highlight on Table button gets removed. Again, inspect the Table button's accessibility properties. Confirm that this time, it is simply identified as a button (or pushbutton in Firefox). Click on the Table button and confirm that the " Create table " dialog comes out.