Neocities.org

Welcome to whiona.me!

whiona.me

129,786 views
79 followers
4,156 updates
0 tips
3 likes
silverheart 1 month ago

feel free to disregard this comment if this is a problem you wanted to solve yourself. but since i saw your menus were giving you trouble, you can add tabindex="0" to your .dropdown class items and then '.dropdown:focus .dropdown-content' and '.dropdown:focus-within .dropdown-content' as additions to the dropdown:hover menu activation. that should work with keyboard! it worked in my firefox dev tools, anyway.

1 like
silverheart 1 month ago

tabindex is an attribute that is added in the html itself, while the other two things are for the css. (maybe you figured that out or knew that already, just saying just in case.)

1 like
whiona 1 month ago

Thank you so much!! I couldn't figure out why it wasn't working. I will try this out!

owlroost 1 month ago

And to help out, here's some info on accessibility guidelines for tabindex: https://webaim.org/techniques/keyboard/tabindex

1 like
silverheart 1 month ago

yea, and as an aside truly accessible dropdowns will make use of js to toggle an "aria-hidden" attribute to true or false based on user interaction on the menu, depending on whether it's open or not. i can't give any tips for that though, i'm sorry... my own dropdowns all just use the details element.

1 like
whiona 1 month ago

Got it…thanks for the info! I nabbed the dropdown code from w3schools LMAO I’ve never done dropdown menus before

Website Stats

Last updated 3 days ago
CreatedJun 22, 2022
Site Traffic Stats

Tags

personal ffxiv ocs writing videogames