#ffa500 — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #ffa500, aggregated by home.social.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Reading Time: 2 minutes
Writing alternate text for non-text can be hard. This widget can help you decide which approach to take.
Alt text decide-o-matic
About thisThis decision tree will help you understand how best to include text alternatives for image-based content.
It is based on the W3C’s alt text decision tree.
All errors are mine. Give feedback, tell me what’s broken, by leaving a comment here, or via Mastodon.
Start now
Does the image contain text? Yes NoNext
Please select either Yes or No, then click Next
Is the text also present as real text nearby? Yes NoNext
Please select either Yes or No, then click Next
Is the text only shown for visual effects? Yes NoNext
Please select either Yes or No, then click Next
Does the text have a specific function, for example as an icon? Yes NoNext
Please select either Yes or No, then click Next
Is the text in the image not present otherwise? Yes NoNext
Please select either Yes or No, then click Next
Is the image used in a link or a button, and would it be hard or impossible to understand what the link or the button does, if the image wasn’t there? Yes NoNext
Please select either Yes or No, then click Next
Does the image contribute meaning to the current page or context? Yes NoNext
Please select either Yes or No, then click Next
Is the image a simple graphic or photograph? Yes NoNext
Please select either Yes or No, then click Next
Is the image a a graph or complex piece of information? Yes NoNext
Please select either Yes or No, then click Next
Does the image show content that is redundant to real text nearby? Yes NoNext
Please select either Yes or No, then click Next
Is the image purely decorative or not intended for the user? Yes NoNext
Please select either Yes or No, then click Next
Use alt=””
Use an empty alt attribute. See Decorative Images.
Start over
Communicate the function
Use the alt attribute to communicate the function of the image. See Functional Images.
Start over
Include the text
Use the alt attribute to include the text of the image. See Images of Text.
Start over
Communicate the destination of the link
Use the alt attribute to communicate the destination of the link or action taken. See Functional Images.
Start over
Briefly describe the image
Use a brief description of the image in a way that conveys that meaning in the alt attribute. See Informative Images.
Start over
Include the information elsewhere
Include the information contained in the image elsewhere on the page. See Complex Images.
Start over
Use alt=””
Use an empty alt attribute. See (redundant) Functional Images.
Start over
https://design.scotentblog.co.uk/toolbox/alt-text-decide-o-matic/
-
Reading Time: 2 minutes
Writing alternate text for non-text can be hard. This widget can help you decide which approach to take.Alt text decide-o-matic
This application requires javascript. Please make sure javascript is enabled in your browser’s settings.
About this
This decision tree will help you understand how […]https://design.scotentblog.co.uk/toolbox/alt-text-decide-o-matic/
-
Writing alternate text for non-text content can be hard. This widget can help you decide which approach to take.
Alt text decide-o-matic
This application requires javascript. Please make sure javascript is enabled in your browser’s settings.
About this
This decision tree will help you understand how best to include text alternatives for image-based content.
It is based on the W3C’s […]
https://design.scotentblog.co.uk/toolbox/alt-text-decide-o-matic/ -
Over the years, we have made a variety of different tools to help us and our colleagues in Scottish Enterprise’s digital teams.
These range from Miro templates to how-tos and digital widgets. But, until now, they’ve been scattered across a range of different places – Github Pages, Codepens and on posts in this blog.
So this is an attempt to gather them together in one place. We hope you’ll […]
https://design.scotentblog.co.uk/toolbox/ -
Announcing: hex codes!
On the Fediverse side, you can now Toot to this bot using hex codes (for supported CheerLights colours), and it will be swapped to the colour name when the bot crossposts.
The full list of supported colours is:
red (#FF0000)
green (#008000)
blue (#0000FF)
cyan (#00FFFF)
white (#FFFFFF)
oldlace (#FDF5E6)
purple (#800080)
magenta (#FF00FF)
yellow (#FFFF00)
orange (#FFA500)
pink (#FFC0CB) -
Announcing: hex codes!
On the Fediverse side, you can now Toot to this bot using hex codes (for supported CheerLights colours), and it will be swapped to the colour name when the bot crossposts.
The full list of supported colours is:
red (#FF0000)
green (#008000)
blue (#0000FF)
cyan (#00FFFF)
white (#FFFFFF)
oldlace (#FDF5E6)
purple (#800080)
magenta (#FF00FF)
yellow (#FFFF00)
orange (#FFA500)
pink (#FFC0CB) -
Announcing: hex codes!
On the Fediverse side, you can now Toot to this bot using hex codes (for supported CheerLights colours), and it will be swapped to the colour name when the bot crossposts.
The full list of supported colours is:
red (#FF0000)
green (#008000)
blue (#0000FF)
cyan (#00FFFF)
white (#FFFFFF)
oldlace (#FDF5E6)
purple (#800080)
magenta (#FF00FF)
yellow (#FFFF00)
orange (#FFA500)
pink (#FFC0CB) -
Announcing: hex codes!
On the Fediverse side, you can now Toot to this bot using hex codes (for supported CheerLights colours), and it will be swapped to the colour name when the bot crossposts.
The full list of supported colours is:
red (#FF0000)
green (#008000)
blue (#0000FF)
cyan (#00FFFF)
white (#FFFFFF)
oldlace (#FDF5E6)
purple (#800080)
magenta (#FF00FF)
yellow (#FFFF00)
orange (#FFA500)
pink (#FFC0CB) -
Announcing: hex codes!
On the Fediverse side, you can now Toot to this bot using hex codes (for supported CheerLights colours), and it will be swapped to the colour name when the bot crossposts.
The full list of supported colours is:
red (#FF0000)
green (#008000)
blue (#0000FF)
cyan (#00FFFF)
white (#FFFFFF)
oldlace (#FDF5E6)
purple (#800080)
magenta (#FF00FF)
yellow (#FFFF00)
orange (#FFA500)
pink (#FFC0CB)