Neocities.org

Welcome to whiona.me!

whiona.me

142,833 views
84 followers
4,236 updates
0 tips
3 likes
silverheart 2 months 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 2 months 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 2 months ago

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

owlroost 2 months ago

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

1 like
silverheart 2 months 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 2 months 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 1 month ago
CreatedJun 22, 2022
Site Traffic Stats

Tags

personal ffxiv ocs writing videogames