From 3cd2dceace8b64ba015d8e1ebd205884f79e1739 Mon Sep 17 00:00:00 2001
From: Nate Collins <npcollins@gmail.com>
Date: Fri, 1 Apr 2022 16:30:16 -0400
Subject: [PATCH] Add ARIA role to toolbar for accessibility improvement (#174)

Change to improve accessibility compliance, for example useful when a developer is using a screen reader. Using the ARIA role attribute is a HTML4 compatible way of accomplishing this.

For reference: https://dequeuniversity.com/rules/axe/4.3/region

Co-authored-by: Megan Schanz <schanzme@msu.edu>
---
 src/flask_debugtoolbar/templates/base.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/flask_debugtoolbar/templates/base.html b/src/flask_debugtoolbar/templates/base.html
index 3a715b4..270ec39 100644
--- a/src/flask_debugtoolbar/templates/base.html
+++ b/src/flask_debugtoolbar/templates/base.html
@@ -1,4 +1,4 @@
-<div id="flDebug" style="display:none;">
+<div id="flDebug" style="display:none;" role="navigation">
   <script type="text/javascript">var DEBUG_TOOLBAR_STATIC_PATH = '{{ static_path }}'</script>
   <script type="text/javascript" src="{{ static_path }}js/jquery.js"></script>
   <script type="text/javascript" src="{{ static_path }}js/jquery.tablesorter.js"></script>