Skip to content

Instantly share code, notes, and snippets.

Matsuko missmatsuko

Block or report user

Report or block missmatsuko

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile

The top property is used with position to set the top placement of an element. It only has an effect on positioned elements, which are elements with the position property set to anything other than static. For example: relative, absolute, fixed, or sticky.


div {
  top: <length> || <percentage> || auto || inherit;
View reset.css
*:before {
box-sizing: border-box;
missmatsuko / a11y-debug-focus.js
Created Jul 31, 2019
a11y debug focus script - logs active element on tab
View a11y-debug-focus.js
document.addEventListener('keyup', (e) => {
if (event.key === 'Tab') {
View alt-text-for-social-media.csv
Social Network Dedicated Image Alt Text Platforms
Instagram [Yes]( iOS and Android
Facebook [Yes]( iOS and Computer
LinkedIn Yes Computer
Twitter [Yes]( iOS and Android and Computer


Testing your site for keyboard navigation will ensure that keyboard users can access your site.

As a bonus, sites that can be navigated with a keyboard can also likely be navigated using other input devices.

How to navigate a website with a keyboard

Generally, pressing tab moves focus between elements and pressing enter will interact with them.

If you are using Safari, option-tab is the default keyboard shortcut to move focus between elements.

You can’t perform that action at this time.