ما هو النص البديل؟
النص البديل (أو النص البديل باختصار) هو النص الذي يمكنك استخدامه لوصف صورة عند نشرها على موقع الويب الخاص بك أو وسائل التواصل الاجتماعي.
لماذا يعد النص البديل مهمًا؟
تخيل للحظة أن متصفحك توقف عن عرض الصور لك. ستظل تراهم مُشار إليهم في المقالات، وتقرأ محادثات حولهم، وأشخاصًا يلقون النكات. كيف ستكون هذه التجربة بالنسبة لك؟ ستشعر بالتأكيد بالتجاهل الشديد
غالبًا ما يكون هذا هو الواقع بالنسبة للأشخاص المكفوفين أو ضعاف البصر. لكن الأمور تتحسن!
Just wanted to thank all in this instance for adding image descriptions. To a totally blind person like me it means a lot to have a picture in my mind of your images, especially the animal pics.
I just want to say for my first post to the #Fediverse that I’ve already seen more #alttext in the last couple of days than I’ve literally seen in my entire life. I don’t know what it is, but as a blind user it’s making me emotional to be able to actually interact with content. Think I’ll write an introduction soon.
#accessibility#Mastodon#redditMigration
وتذكر أن التعليق على صورك لا يساعد المكفوفين فقط. يمكن أن يساعد الأشخاص على فهم سياق الصورة، أو شرح ميمات الثقافة الشعبية، أو توفير عنصر نائب لصورة مفقودة، أو تحميل الصورة عبر اتصال إنترنت بطيء.
عندما نعمل جميعًا معًا، فإننا نجعل تجربة الويب أفضل للجميع.
Every now and then mastodon.social (and/or my connection) is slow and I only see blurs instead of images. Thanks to everyone adding alternative text to images! Just like with curb ramps, the inclusion of some ends up benefitting other, unexpected ones!
@stefan I’m no visually impaired, but sometimes I need a little help to fully understand social nuances in images. I’ve found ALTs useful once in a while.
وإذا لم يقنعك ذلك، فقد تجد نفسك قريبًا مستبعدًا.
So, what do you do when you see a good post on here with an image that doesn’t have a description/alt text?
#accessibility#a11y#AltText#ImageDescription#mastodon#fediverse#SocialMedia#netiquette
Please boost to get a larger sample size.
ذلك رائع! إذًا كيف يمكنني إضافة نص بديل إلى الصورة؟
تتيح لك العديد من أدوات النشر على الويب، بما في ذلك مواقع التواصل الاجتماعي، إضافة وصف للصور التي تقوم بتحميلها. إليك بعض الأمثلة فقط:
لطيف – جيد! لكن كيف أعرف ماذا أكتب؟
انظر إلى الصورة التي تقوم بتحميلها، وتخيل صديقًا بجوارك لا يمكنه رؤيته. كيف تصف ذلك لهم؟ ما هي التفاصيل المهمة؟ لماذا هو مضحك؟ أم حزين؟ لماذا تشاركه؟
While alt text image descriptions aren’t poems, writing them has felt like practice for writing poetry. I wasn’t expecting that.
I am floored and fascinated by the near-literary quality of many of the descriptions of images that people carefully craft when appending pictures to their posts on Mastodon. Some of them will reveal a detail that had escaped my attention. Others will help me understand a subtle joke I had missed. Others still are true poems. ALT are their own microblogging world that reveals itself as you hover on a picture. And I hover, and hover.
هناك العديد من الطرق التي يمكنك من خلالها التعامل مع التعليق التوضيحي للصورة. يمكنك الحصول على تفاصيل ووصفية حقًا.
Optometrist George Mayerle’s 1907 multicultural eye chart is a fabulous piece of graphic design in its own right. https://circulatingnow.nlm.nih.gov/2023/08/03/mayerles-lithographed-international-test-chart-1907/
“بالتمرير في منتصف الرسم البياني، تختبر اللوحات العمودية السبعة حدة الرؤية بأحرف الأبجدية الرومانية (للقراء باللغة الإنجليزية والألمانية والقراء الأوروبيين الآخرين) وأيضًا باللغات اليابانية والصينية والروسية والعبرية. لوحة في يقوم المركز باستبدال الحروف الأبجدية برموز للأطفال والكبار الأميين أو الذين لا يستطيعون قراءة أي من أنظمة الكتابة الأخرى المتوفرة.”
Happy International Women’s Day! Just a reminder that Margaret Hamilton is a total badass and early innovator in the field of Software Engineering. Her pioneering work in task prioritization allowed the Apollo 11 moon landing to proceed even when the onboard computer became overwhelmed with too many tasks at a critical point in the mission. The software she wrote was flexible enough to ignore low priority tasks so that the computer could focus only on the tasks necessary for landing the LEM safely on the moon. Without her task prioritization routines in place, it’s likely that the landing would have had to have been aborted.
“صورة بالأبيض والأسود من الستينيات تظهر مارغريت هاميلتون في وحدة قيادة أبولو. وهي مستلقية على ظهرها بينما يكون رواد الفضاء عند الإطلاق، وتضغط على المفتاح الموجود على لوحة العدادات الضخمة فوقها بينما تبتسم للكاميرا. إنها شابة “امرأة ذات شعر طويل مستقيم ونظارات. إنها ترتدي فستانًا طويل الأكمام بنمط متعرج. إنها تُظهر السهولة والثقة التي يتمتع بها شخص يتمتع بميزة الاندفاع تمامًا في عنصره مع إتقان مجاله. “
Extensive alt text
“جدار مطلي باللون الأزرق، لكن الطلاء يتحلل إلى درجة أن الجزء العلوي الأوسط عبارة عن خشب رقائقي رمادي مكشوف. يسود التشقق بشكل أفقي ويلتف بطريقة تشبه الأمواج أو تقشير لحاء الورق. اللون الأزرق المتبقي هو بدرجتين من اللون، مع “جزء كبير من الجزء العلوي له درجة أغمق مع حدود الطلاء بحيث تبدو مثل الطلاء بالرش. في الجزء السفلي الأيسر، يوجد ملصق دائري مطلي أيضًا باللون الأزرق الفاتح ويتجعد عموديًا مع رفع حافته اليمنى بما يكفي لإلقاء ظل حاد على اليمين.”
Check out this new #JWST image of the Crab Nebula 🤩
The milky smoke-like glow in the nebula’s center comes from synchrotron radiation, light produced by charged particles, like electrons, moving around magnetic fields at relativistic speeds.Curvy wisps outline the structure of the pulsar’s magnetic field, which sculpts and shapes the nebula. A faint ring of white material encircles the pulsar, a tiny white dot, at the very center.
https://webbtelescope.org/contents/news-releases/2023/news-2023-137
“سديم السرطان. سديم بيضاوي ذو بنية معقدة على خلفية سوداء. على السطح الخارجي للسديم، وخاصة في أعلى اليسار وأسفل اليسار، توجد ستائر من مادة رقيقة متوهجة باللونين الأحمر والبرتقالي. وتظهر قشرته الداخلية حلقات واسعة النطاق من المرقط خيوط من اللون الأصفر والأبيض والأخضر، مرصعة بكتل وعقد.توجد أشرطة رفيعة شفافة من اللون الأبيض الدخاني داخل البقية، وتكون أكثر سطوعًا باتجاه مركزها. تتبع المادة البيضاء اتجاهات مختلفة في جميع أنحاءها، بما في ذلك في بعض الأحيان تقوس حاد بعيدًا عن مناطق معينة داخل البقية. “… هناك حلقة خافتة من مادة بيضاء تحيط بمركز السديم. حول وداخل بقايا المستعر الأعظم توجد نقاط عديدة من الضوء الأزرق والأحمر والأصفر.”
Made some quick and dirty #SwiftUI labels based on Smash Bros.
“لقطة شاشة، محاكي iOS
أربع تسميات بالترتيب:
“Failure”، يتم وضعه بأحرف كبيرة في ظل متدرج أرجواني وظل أبيض فوق مخطط أسود متعرج.
“Robb joins the battle!” مع زاوية ثلاثية الأبعاد طفيفة. تم تعيين “Robb” باللون الأبيض والباقي أصغر قليلاً مع تدرج برتقالي.
“Clear!”، يتم وضعها في كل الأحرف الاستهلالية مع تدرج برتقالي ومخطط أبيض رفيع فوق ظل منسدل أبيض، مع ظل منسدل آخر باللون الرمادي الفاتح.
“Game!”، تم وضعها بأحرف كبيرة مع تدرج متعدد الألوان وظل منسدل لضربة الإزاحة فوق عدة حدود خارجية بالأبيض والأسود.”
ويمكنك أيضًا الاستمتاع ببعض المرح معها.
I had a friendly hitchhiker on my windshield today!
“يجلس رعب لافكرافت على الزجاج الأمامي الخاص بي بجوار البقايا المتناثرة لأنواعه الأضعف. معظمها أبيض، ومزينة بخطوط تذكرنا بمخلوق صممه تيم بيرتون. يمكن للمرء أن يتوقع بشكل معقول أن يسحبك هذا الشيطان وأنت تصرخ إلى الجحيم.”
Do you fear you’ve being cheated? That your barrel of eels isn’t all it seems?
Fret not! In 1483, tired of shady salesmen — especially Dutch & Scottish ones — Parliament decreed that a barrel of eels must be full, & hold 42 lbs. of fish.
PLUS, all the eels must be edible! #eels#medieval#history#eelscam
“ميمي. صورة من القرون الوسطى لنحاس يصنع برميلًا. وهو يقف أمام برميل واحد ومعه مطرقة خشبية وإزميل، ومن الواضح أنه عمل شاق. ومن حوله عدة براميل أخرى، في حالات مختلفة من الاستعداد. إنه زميل مشغول. “إنه يرتدي قميصًا ورديًا وجواربًا زرقاء، ولا يهتم بأفكارك حول الألوان الجنسانية. إنه حليق الذقن، وشعره قصير تحت قبعة حمراء. ويرتدي مئزرًا، وحذاءً أسود. ومن المؤكد تقريبًا أنه كذلك”. “أفضل كوبر من القرون الوسطى ستراه اليوم. ربما طوال الأسبوع. هناك ثقوب في أغطية البراميل، لذلك لا ينبغي لنا أن نستبعد احتمال أنه يقوم بتهريب البنجولين. غالبًا ما يعتقد الناس أن البنجولين هو أكثر الحيوانات تهريبًا على وجه الأرض. “إنها ليست كذلك. إنها ثعابين. البنغولين ليس أكثر الثدييات التي يتم تهريبها: هذا هو البشر. بغض النظر، فإن تهريب البنغولين يعد خبرًا سيئًا، وإذا كان هذا كوبر متورطًا في ذلك، فيجب علينا تجنبه. نص الميم يقول: “ثعابين البحر اذهب إلى البرميل. البرميل يذهب إلى السوق. ثعابين البحر موجودة في السوق. ثعابين جيدة.””
يمكنك أيضًا وصف الصور المتحركة!
I love this video so much: A navigation camera aboard the OSIRIS-REx spacecraft captured footage of its capsule hurtling toward Earth, carrying a trove of asteroid rocks. Those samples are now being analyzed in Texas.
You can see a thin crescent Earth at left!
#NASA#science#exploration
https://blogs.nasa.gov/osiris-rex/tag/sample-return/#:~:text=NASA’s%20OSIRIS%2DREx%20Spacecraft%20Views,returned%20to%20Earth%20on%20Sept
“هذا التسلسل بالأبيض والأسود لعينة نزول كبسولة OSIRIS-REx نحو الأرض يأتي من NavCam 1 الخاص بـ TAGCAMS وتم التقاطه في اللحظات التي تلت إطلاق الكبسولة من المركبة الفضائية في 24 سبتمبر 2023. الشمس مرئية في الأعلى من الإطار، ويمكن رؤية “هلال الأرض” الرفيع على الحافة اليسرى من الصورة. تُستخدم كاميرات NavCams من OSIRIS-REx للملاحة البصرية للمركبة الفضائية. وتتبعت صور NavCam حقول النجوم والمعالم على بينو لتحديد موقع المركبة الفضائية. أثناء عمليات المهمة، تمت معالجة هذا التسلسل من الصور لإزالة معظم ضوء الشمس المتناثر، وإبراز المزيد من التفاصيل حول الكبسولة وإطلاق سحابة الحطام، ومنع هلال الأرض من التشبع.مصدر الصورة: NASA/Goddard/University of Arizona/Lockheed مارتن”
هل تريد المزيد من الأمثلة؟ اتبع @alttexthalloffame@mastodon.social!
Question for #blind#VisuallyImpaired folks, what kind of image descriptions do you prefer?
ماذا عن الصور التي ينشرها حساب آلي؟
قد يكون هذا صعبًا بعض الشيء. إذا كان لديك مجموعة من الصور، يمكنك فقط وصف كل صورة.
Wild Things by Laura Kay #books#literature#dedication
“لكل شخص كنت معجبًا به على الإطلاق. شكرًا على كل المواد.”
ومرة أخرى، يمكنك الإبداع في وصفك.
SWANT.BMF
“بجعة بيضاء جميلة، تسبح برشاقة في المياه الزرقاء الصافية. إنه يذكر @dogebromomo بالكلية، وبقدر معين من المعاكسات المطلوبة من الطلاب الجدد. أتعلم؟ يجب عليه أن يسك هذا، NFT التذكاري. يمكنه أن يتخيلها الآن، البجعة التي تحمل زوجًا من مضارب الجولف تحتها متقاطعة مثل السيوف على القمة. سيحبها الرجال، سيحبونها تمامًا”.
في بعض الحالات، قد لا تعرف بالضبط ما هو موجود في الصورة بحلول وقت نشرها. إليك مثال من مشروع عملت عليه. يشارك هذا الحساب الصور من كاميرات الويب عبر الإنترنت في جميع أنحاء نيويورك. لقد وصفت ما تعرضه كل كاميرا ويب عادةً، وأضفت بعض المعلومات حول الطقس.
Statue of Liberty TorchCam
📷 https://www.earthcam.com/usa/newyork/statueofliberty/?cam=liberty_crown
🗺️ https://www.google.com/maps/search/40.6892,-74.0445#nyc#webcam#city
“تعرض كاميرا الويب هذه عادةً منظرًا من أعلى تمثال الحرية، باتجاه الأسفل. إنه يوم صافٍ في نيويورك. تبلغ درجة الحرارة 84 درجة فهرنهايت.”
وهذا مشروع آخر لي. هنا، ليس لدي أي فكرة عما ستبدو عليه كل صورة. سيتعين عليك التفكير في أهمية الصور بشكل عام، وسبب مشاركتها.
Curated anonymously.
“لوحة رقمية تجريدية يتم إنشاؤها عشوائيًا وتتكون من خط واحد أو أكثر، مستقيمًا أو منحنيًا.”
آمل أن تكون هذه الأمثلة قد ألهمتك، وأن تقوم بدورك في جعل الويب في متناول الجميع.
المزيد من الموارد
إليك بعض الموارد الإضافية التي قد تساعدك.
- تجربتي مع الصور على شبكة الإنترنت (axesslab.com)
- إرشادات وصف الصورة (diagramcenter.org)
- اكتب نصًا بديلًا جيدًا لوصف الصور (harvard.edu)
- نص بديل كشعر: التعامل مع النص البديل بشكل مدروس وإبداعي (alt-text-as-poetry.net)
- Alt-text.org: مكتبة مشتركة من التسميات التوضيحية للصور
I know not everyone has the time or even thinks about describing the images they post on social media, but if you have a moment, read some of these comments:
– https://mastodon.nz/@WirlOfWirls/109448649809755625
– https://mastodon.social/@ontheotherside/110667634226742768
– https://mastodon.social/@alttexthalloffame/111324842340840588A minute of your time can really make someone’s day.
