Hacker News new | ask | show | jobs
by flanbiscuit 1183 days ago
This is cool! I am definitely going to use this

A couple of small things.

First a request, would you be able to add filtering by location other than the #remote? Say I wanted to see only jobs in US, there's no way of doing that. That would also mean that "Santa Monica, CA" should also show up in the US filter so that could get tricky. Same thing I see for Europe where "Munich, DE" should also show up in a filter for "Europe".

and 2nd, the first three icon buttons at the beginning of each row are not accessible.

- You are using <div><img></div>, but since they are clickable items that perform actions on the page they should be <button type="button">s OR the less recommended way is to use aria attributes + tabindex + role="button" (but honestly you don't need to really do that because buttons come with it built in, just use buttons and css). If you go the non-button route: https://developer.mozilla.org/en-US/docs/Web/Accessibility/A...

- your icons need some kind of accessibility text because they are not obvious to me what they do. The only one that is clear (to me) is the star, the other two do something that I did not expect. I thought I was sorting but then it popped up above the table, confusing

  a. add screen reader friendly text for them using the visually-hidden css class in the link below
  b. add a `title` attribute for everyone else. 
https://www.a11yproject.com/posts/how-to-hide-content/

awesome work!

1 comments

Thank you very much! Filtering by location (and role) is on my todo list, but it is trickier than it seems at first. And I totally agree that the buttons are confusing. Actually, the "sort" button does sort the jobs. It sorts by semantic similarity to the job you selected (using the GPT text embedding). As for the buttons (and probably other parts of the site) not being accessible: I apologize. This shouldn't be an afterthought.
No worries! Your MVP looks great! I'm just starting a job search so this came at the right time. Thank you!