Hacker News Reader

Comment by forgotmypw17 | Hacker News Reader

    *:focus 
    {
     outline: none; 
    }
  
    *::-moz-focus-inner 
    {
     border: 0; 
    }

Wow, the equivalent of having a building with existing wheelchair ramps and ripping them out because they're "unsightly".

I guess it's a valid decision decision, but pretty crappy for anyone who needs them.

View on HN

is that to imply that focus outline is meant for accessibility purposes?

Yes, focus rectangles are an essential component of navigating the interface with the keyboard.

Fair. But if a user has accessibility enabled, that should override the css itself no?

Also even with the focus outline disabled on other sites, I am able to navigate with the keyboard to text input fields. OP's site doesn't have any input fields so not sure why they have that CSS in place as I don't think it's doing anything.

You are making the assumption that the user has some modicum of control over the browser's configuration.

No I am not. Users who require accessibility have it setup in their MacOS/Windows settings. It's a global setting for them. It's not website specific.

Users may access the site through a third-party device that they cannot configure, for example in a kiosk setting.

I mean we are talking about a demo project on hosting a tiny site on a calculator. Don't think anyone is trying to access it from a kiosk.

But if your comment is a general opinion of websites in general, then yea, I see what you mean.

No, it will not override the CSS (not sure what you mean by "accessibility enabled" exactly).

> even with the focus outline disabled on other sites, I am able to navigate with the keyboard to text input fields

Correct, but for a user with vision problems, the focus outline lets them see what has focus. CSS doesn't stop them from inputting values.

Focus styles are essential and should not be removed as a best practice (in general, this is a very small site).

Reply on news.ycombinator.com