This media is not supported in your browser
VIEW IN TELEGRAM
🎊🥳 Let’s celebrate 1,400 subscribers with this design!
this project is a web-based and mobile Telegram channel summarizer with a sleek UI, initiated by @Codative.
#Figma
#ChatGPT
#Adobe_Premier_Pro
3.92 MB | 48 sec
🙏 1,400 members.... thank you all for being here!
@OnyxDesignx
For Telegram channel creators
this project is a web-based and mobile Telegram channel summarizer with a sleek UI, initiated by @Codative.
#Figma
#ChatGPT
#Adobe_Premier_Pro
3.92 MB | 48 sec
🙏 1,400 members.... thank you all for being here!
@OnyxDesignx
⚡7🔥4❤1🍾1
WCAG Explained for Designers (With Real Examples)
WCAG stands for Web Content Accessibility Guidelines.
It is an international standard that explains how to design and build websites so everyone can use them, including people with disabilities.
Below are the key WCAG considerations designers must think about
- Text must be readable against its background
- Color must not be the only way to convey information
Design Rules
✔️Contrast ratio 4.5:1 for normal text (WCAG AA)
5:1 means 4.5 times darker or lighter than the background.
Normal text(Text below 18pt (or below 14pt bold)
- Body text
- Small labels
- Paragraphs
✔️ 3:1 for large text
3:1 means 3 times darker or lighter than the background.
18pt (≈ 24px) or larger
✔️ Use patterns, icons, or text labels—not color alone
Contrast in design: making things look different so they stand out.
Users may zoom text or have reading difficulties
Design Rules
✔️ Base font size 16px or larger
✔️ Line height ~1.5
✔️ Avoid decorative fonts for body text
Clear visual hierarchy helps everyone, especially screen reader users
Design Rules
✔️ Use clear headings (H1 → H2 → H3)
✔️ Group related content
✔️ Keep layout consistent across pages
Users may use keyboard, screen readers, or voice commands
Design Rules
✔️ All interactive elements must be keyboard accessible
✔️ Visible focus state for buttons and links
✔️ Large click/tap targets (at least 44×44 px)
Forms are one of the biggest accessibility barriers
Design Rules
✔️ Always show labels (not placeholder-only)
✔️ Clear error messages and instructions
✔️ Indicate required fields clearly
✔️ Group related fields visually
Some users can’t see images or hear audio
Design Rules
✔️ Decorative images should be ignored by screen readers
✔️ Informative images need clear alt text
✔️ Videos need captions
✔️ Avoid text baked into images
Cognitive accessibility is part of WCAG
Design Rules
✔️ Use simple, plain language
✔️ Short sentences and paragraphs
✔️ Clear calls-to-action
Users should know what went wrong and how to fix it
Design Rules
✔️ Highlight errors clearly
✔️ Explain how to correct them
✔️ Don’t rely on color alone
@OnyxDesignx
WCAG stands for Web Content Accessibility Guidelines.
It is an international standard that explains how to design and build websites so everyone can use them, including people with disabilities.
Below are the key WCAG considerations designers must think about
1. Color & Contrast (WCAG: Perceivable)
- Text must be readable against its background
- Color must not be the only way to convey information
Design Rules
✔️Contrast ratio 4.5:1 for normal text (WCAG AA)
5:1 means 4.5 times darker or lighter than the background.
Normal text(Text below 18pt (or below 14pt bold)
- Body text
- Small labels
- Paragraphs
✔️ 3:1 for large text
3:1 means 3 times darker or lighter than the background.
18pt (≈ 24px) or larger
✔️ Use patterns, icons, or text labels—not color alone
Contrast in design: making things look different so they stand out.
2. Typography & Readability
Users may zoom text or have reading difficulties
Design Rules
✔️ Base font size 16px or larger
✔️ Line height ~1.5
✔️ Avoid decorative fonts for body text
3. Layout & Visual Structure
Clear visual hierarchy helps everyone, especially screen reader users
Design Rules
✔️ Use clear headings (H1 → H2 → H3)
✔️ Group related content
✔️ Keep layout consistent across pages
4. Navigation & Interaction
Users may use keyboard, screen readers, or voice commands
Design Rules
✔️ All interactive elements must be keyboard accessible
✔️ Visible focus state for buttons and links
✔️ Large click/tap targets (at least 44×44 px)
5. Forms & Inputs
Forms are one of the biggest accessibility barriers
Design Rules
✔️ Always show labels (not placeholder-only)
✔️ Clear error messages and instructions
✔️ Indicate required fields clearly
✔️ Group related fields visually
6, Images, Icons & Media
Some users can’t see images or hear audio
Design Rules
✔️ Decorative images should be ignored by screen readers
✔️ Informative images need clear alt text
✔️ Videos need captions
✔️ Avoid text baked into images
7, Language & Content Clarity
Cognitive accessibility is part of WCAG
Design Rules
✔️ Use simple, plain language
✔️ Short sentences and paragraphs
✔️ Clear calls-to-action
8, Error Prevention & Feedback
Users should know what went wrong and how to fix it
Design Rules
✔️ Highlight errors clearly
✔️ Explain how to correct them
✔️ Don’t rely on color alone
@OnyxDesignx
❤5⚡3👍2🔥1
It is not a promotion 😄
Ever wish your PC worked as fast as your brain? Meet Raycast.
Specially for figma integration A game-changer
Search files and folders: The quickest way to find and take actions on local files.
Less Copy, More Paste: Access everything you've previously copied (video, image, audio, etc.) and paste it into the active app.
Credentials: Information that can be quickly inserted with a special keyword or shortcut.
Bookmarks: The absolute quickest way to launch your most-used websites and system links.
Calculator: Calculate anything with a shortcut.
Workflow shortcuts: You can speed up your workflow with shortcuts to everything you need.
Download: https://ray.so/download-windows
If you have another productive tool, drop it in the comment section.
@OnyxDesignx
Ever wish your PC worked as fast as your brain? Meet Raycast.
Specially for figma integration A game-changer
Search files and folders: The quickest way to find and take actions on local files.
Less Copy, More Paste: Access everything you've previously copied (video, image, audio, etc.) and paste it into the active app.
Credentials: Information that can be quickly inserted with a special keyword or shortcut.
Bookmarks: The absolute quickest way to launch your most-used websites and system links.
Calculator: Calculate anything with a shortcut.
Workflow shortcuts: You can speed up your workflow with shortcuts to everything you need.
Download: https://ray.so/download-windows
If you have another productive tool, drop it in the comment section.
@OnyxDesignx
👍5🙏2
Should I start studying for a compiler design final exam for Monday, or should I complete a stunning landing page project?
I will obey my audience preference 😄
⚡️ Study 🔥 Design
@OnyxDesignx
I will obey my audience preference 😄
⚡️ Study 🔥 Design
@OnyxDesignx
⚡46🔥24✍1👍1
Onyx Design ⚡️
Should I start studying for a compiler design final exam for Monday, or should I complete a stunning landing page project? I will obey my audience preference 😄 ⚡️ Study 🔥 Design @OnyxDesignx
So, based on the vote... I will complete the design
Thank you guys
Thank you guys
😁9
Onyx Design ⚡️
So, based on the vote... I will complete the design Thank you guys
I am just joking ትምህርታችን ላይ Focus እናርግ @robbietade
😁10👏1
Forwarded from Dagmawi Babi
This year I'm starting with a new and independently organized Dagmawi Babi event!
Dagmawi Babi's Meetup is the first of it's kind event organized by Dagmawi Babi and his team as a thank you to all the incredible individuals, creators, event organizers, companies and communities improving and accelerating the tech and design ecosystem.
It's a thank you for taking risks, for pioneering new ventures, for taking the blame, for investing so much of yourself into the benefits of everyone else, for spending months building epic things, for spending countless nights preparing events, for imagining a community that can be much better than what it is and working towards your vision.
We're going to spend an incredible full day where we listen to insightful keynotes, explore project showcases, attend a live podcast (Devtopia), hold an in-person Creator Awards (by Codenight) and so much more.
The date is Jan 24, 2026 and the event will take place at DxValley 2.0. So if all of this sounds like your type of event, register at dagmawi.dev/meetup and claim your ticket. Make sure to select "Attending" from the options.
Thank you again and I can't wait to see you there! Yours truly @Dagmawi_Babi
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡6🔥3❤2👏1👌1
Forwarded from philofix.
This media is not supported in your browser
VIEW IN TELEGRAM
Optimised
❤5🔥4👍2
My Dad Was Right
I just didn’t know it then.
Every evening, he came home carrying the tiredness of the day.
Before I could speak, before I could escape into play... he asked the same quiet question
“Did you study?”
Sometimes he’d sit for a moment and say things that felt ordinary, almost annoying:
“ጌዜህን ባግባቡ ተጠቀም”
“መፅሀፍትን አንብብ“
“ጓደኛ ምረጥ”
As a child, I took it personally.
I thought he didn’t see me.
Didn’t understand what I liked.
Didn’t care about my world.
In my mind, he wasn’t guiding me
he was controlling me.
A dictator, I thought.
Then I said "ምን አለበት አሁን ብጫወት በስምእም"
He was always looking at who I could become, not who I was at that moment.
Years passed.
Life began to ask its own hard questions.
Time slipped away faster than I expected.
Mistakes became teachers.
Loss became loud.
And slowly, painfully, his voice started to make sense.
Those simple words weren’t restrictions.
They were protection.
They weren’t pressure.
They were preparation.
I wish I had listened sooner.
Not because life would have been easy
but because it wouldn’t have been so hard.
Now I think about the things he said back then.
So simple.
So easy to ignore.
So expensive to learn later.
One day, I might come home tired too.
And a child might look at me the way I once looked at him.
And I wonder
will they understand me then?
Or will they understand me only years later,
when they whisper to themselves:
“My dad was right.”
"ሰነፍ የአባቱን ተግሣጽ ይንቃል፤ ዘለፋን የሚቀበል ግን አእምሮው የበዛ ነው።"
-ምሳሌ 15:5
@OnyxDesignx
I just didn’t know it then.
Every evening, he came home carrying the tiredness of the day.
Before I could speak, before I could escape into play... he asked the same quiet question
“Did you study?”
Sometimes he’d sit for a moment and say things that felt ordinary, almost annoying:
“ጌዜህን ባግባቡ ተጠቀም”
“መፅሀፍትን አንብብ“
“ጓደኛ ምረጥ”
As a child, I took it personally.
I thought he didn’t see me.
Didn’t understand what I liked.
Didn’t care about my world.
In my mind, he wasn’t guiding me
he was controlling me.
A dictator, I thought.
Then I said "ምን አለበት አሁን ብጫወት በስምእም"
He was always looking at who I could become, not who I was at that moment.
Years passed.
Life began to ask its own hard questions.
Time slipped away faster than I expected.
Mistakes became teachers.
Loss became loud.
And slowly, painfully, his voice started to make sense.
Those simple words weren’t restrictions.
They were protection.
They weren’t pressure.
They were preparation.
I wish I had listened sooner.
Not because life would have been easy
but because it wouldn’t have been so hard.
Now I think about the things he said back then.
So simple.
So easy to ignore.
So expensive to learn later.
One day, I might come home tired too.
And a child might look at me the way I once looked at him.
And I wonder
will they understand me then?
Or will they understand me only years later,
when they whisper to themselves:
“My dad was right.”
"ሰነፍ የአባቱን ተግሣጽ ይንቃል፤ ዘለፋን የሚቀበል ግን አእምሮው የበዛ ነው።"
-ምሳሌ 15:5
@OnyxDesignx
❤33💯5🔥2⚡1👌1
How I Handled UX Research With Limited User Access
For example, if you are working on an e-commerce mobile app, visit the Play Store , read user comments, identify pain points, and turn them into opportunities.
such as Reddit, Threads, and Quora. Search for topics related to your project and analyze what users are discussing and complaining about.
to gain insights from existing research and real-world examples
@OnyxDesignx
First, read competitor app reviews
For example, if you are working on an e-commerce mobile app, visit the Play Store , read user comments, identify pain points, and turn them into opportunities.
Second, explore online communities
such as Reddit, Threads, and Quora. Search for topics related to your project and analyze what users are discussing and complaining about.
Finally, use Google to search “your project name” + “UX case study”
to gain insights from existing research and real-world examples
@OnyxDesignx
⚡19👍3🔥1
Rest is part of doing good design
You sit down to work on a task that should take 30 minutes.
An hour passes. Then two. Now it’s been five hours.
In the middle, you take a “break,” open Instagram, scroll a few reels.
You come back… and nothing changes.
Same confusion. Same tired brain. Same stuck feeling.
Then you start:
- Ignoring spacing issues
- Realizing a feature is over-engineered
- Understanding documentation that felt confusing
- Naming variables, components, or layers randomly
You tell yourself, “I’ve already spent 8 hours today.”
But deep down, the output still isn’t right.
Close your laptop, put your phone away, and step outside.
The air hits your face. The wind rustles the leaves
Walk for 15 minutes or find a quiet spot to sit. Open soft classical music
For a moment, your mind is empty no code, no layouts, no deadlines.
Or take a deep nap, letting your brain reset
When you come back, clarity hits
Design feels lighter.Problems you wrestled with suddenly make sense
@OnyxDesignx
❤24💯5