Trello: Make list headers accessible as headings.

Author: jcsteh

TrelloA11yFixes.user.js

@@ -41,6 +41,9 @@ function onNodeAdded(target) {
 			var id = "axsg-lh" + idCounter++;
 			header.setAttribute("id", id);
 			list.setAttribute("aria-labelledby", id);
+			// Make the header's container into a heading.
+			header.parentNode.setAttribute("role", "heading");
+			header.parentNode.setAttribute("aria-level", "2");
 		}
 	}
 	for (var card of target.querySelectorAll(".list-card")) {

readme.md

@@ -95,3 +95,4 @@ It does the following:
  If you are using a screen reader, you will need to ensure that the arrow keys are passed to the application to make use of this.
  For NVDA, you can achieve this by switching to focus mode to move through cards.
 - Labels badges in cards.
+- Makes list headers accessible as headings.