I built a website using RMarkdown, and I have a dropdown navigation bar as part of it. The site code is currently on GitHub.
I ran the site through an accessibility check using [WAVE from WebAim](see https://wave.webaim.org/), and was able to fix a number of accessibility issues by redefining things in
style.css or a
header.html file. I now have two problems that I cannot solve. The first is an empty button that appears before any of the components of my navbar, and the second is a Broken ARIA menu for the dropdown button. The empty button is not referring to the logo as a button--I tried using an ARIA label on that, specifically, and the issue code reference is a few lines above that.
As another "is it just me" test, I also used WAVE on the FlexDashboard site, since it's listed as an HTML RMarkdown example. It has the same empty link issue.
It's possible that this is a Bootstrap 4 issue because of a blog post I found, but I don't know how to fix it for RMarkdown. I tried modifying a .js file in
site_libs, but that just gets regenerated the next time I build the site via RStudio.
Any guidance on how to fix the accessibility issue would be much appreciated!