Tweet

@NNgroup

@Prototypr

@just_in_mind

This Thread may be Removed Anytime!

Twitter may remove this content at anytime! Save it as PDF for later use!

More from @vponamariov

Victor

@vponamariov

6 May

My personal list of top accessibility resources 👇

@webaim

1. w3.org/WAI/standards-… - WCAG standards

2. webaim.org from @webaim - one of the leading providers of web accessibility expertise internationally

3. myaccessible.website - A very nice site explaining a11y in human language by @myaccessibleweb

@nngroup

4. nngroup.com/topic/accessib… - some articles from @nngroup

5. webaccess.berkeley.edu/resources - tons of resources by @UCBerkeley

6. a11yproject.com - the name speaks for itself. Follow them here @A11YProject

Read 6 tweets

Victor

@vponamariov

6 May

I bet you don't know how powerful the <img> tag is.

Let's find out 👇

Here is the most simple case of using it.

If the path is correct, the browser will display a picture of the mobile phone.

So far so good.

Now, we forgot to specify the alt tag for better accessibility.

There are two important rules:

1. You should always specify it

2. If the picture serves decorative purpose, you should put an empty alt, so that screen readers don't read it.

Read 11 tweets

Victor

@vponamariov

5 May

I want to share with you something private.

I remember when I was ~13-15 I was learning HTML/CSS/PHP.

My parents thought that this is childish, it has nothing to do with "real coding".

They told me that real coders use deep math and binary code.

So I was demotivated a bit. But now this is what I do for my living.

Then I started building sites, and I was learning SEO.

My father told me: "How is going to visit your site about learning English?".

I ended up with 4000 uniques/day and significantly improved my English

Then, I remember I wanted to go to English courses and pass FCE/CAE certificates.

When I found a cool English school in Moscow, my father told me: "what a suspicious company! Who needs the certificates? Who told you they are accepted worldwide?"

Now I write tweets in English

Read 5 tweets

Victor

@vponamariov

4 May

10 simple rules to make your site more accessible 👇

1/10

The site should be accessible via keyboard without using a mouse.

This is easy to test - simply try to use your own site without a mouse & touchpad.

2/10

Use proper alt text for all images

Alt text should be provided for images, so that screen reader users can understand the message conveyed by the images.

If an image serves decorative purposes, use an empty string as the alt tag.

Read 14 tweets

Victor

@vponamariov

27 Apr

15 Common CSS mistakes developers make 👀

👇

1. Not using a CSS reset

Each browser has its own default styling for HTML elements.

I'd say it's not just good practice, it's a MUST to reset the styling to some default values and then start styling from scratch

That will help:
necolas.github.io/normalize.css/

2. Starting with the desktop version

It’s easier to develop for a small screen before scaling the design up to a large screen.

You can always make existing elements bigger to fill a blank space on a larger screen.

But it's harder to do it vice versa.

Read 16 tweets

Victor

@vponamariov

23 Apr

How user interface evolved for the past 40 years ✨

Visual Thread 🧵

Xerox 8010 Star, released in 1981

It was the first commercial personal computer that had
such things as

- window-based graphical user interface
- icons
- folders
- mouse (two-button)
- Ethernet networking
- file servers
- print servers
- e-mail.

Apple Lisa Office System 1. Released on January 19, 1983.

It is one of the first personal computers to present a graphical user interface (GUI) in a machine aimed at individual business users.

Read 17 tweets

Share this page!

Victor

Try unrolling a thread yourself!

More from @vponamariov

Victor

Victor

Victor

Victor

Victor

Victor

Did Thread Reader help you today?

Like this author's thread?