Image alt кілт сөздерді толтыратын орын емес: Аудару кезінде мақсатты қалай сақтауға болады
Image alt кілт сөздерді толтыратын орын емес. Веб-беттерді аударған кезде ақпараттық графиканың, сәндік графиканың және функционалдық графиканың асты бөлек өңделуі керек: Бұл мақалада жад синтезінің мысалдары, қабылдауды бақылау тізімі және қолмен қарауды қажет ететін жағдайлармен alt төлсипатын тексеру үшін Әдемі сорпа пайдаланылады.
Веб-беттердегі кескіннің балама мәтіні (alt) көбінесе кілт сөздерді толықтыру үшін орын ретінде пайдаланылады немесе біркелкі «жоғалған» деп белгіленеді, содан кейін аяқталады. Бұл тәжірибелердің екеуі де қол жетімділік тәжірибесін нашарлатуы мүмкін. Бұл мақала веб-беттерді аударуға және локализациялауға жауапты топтарға арналған. Ол ақпараттық графиканы, сәндік графиканы және функционалдық графиканы қалай ажыратуға болатынын, алдын ала тексеру үшін Әдемі сорпаны қалай пайдалану керектігін және қандай жағдайларды қолмен қарауға тапсыру керектігін түсіндіреді.
Осы мақаланы оқығаннан кейін сіз орындалатын жіктеу ережелерінің жинағын құра аласыз және қайсысы бос болуы керек, қайсысы толығымен аударылуы керек және қайсысы адам растауы қажет екенін біле аласыз.
Веб кескіндерінің alt мәнін қалай аударуға болады? Бір сөйлемнен қорытынды
Алдымен кескіндерді мақсаты бойынша санаттаңыз, содан кейін оларды қалай аудару керектігін шешіңіз: инфографика деректерді толығымен береді, сәндік графика бос alt болып қалады, ал функционалдық графика сыртқы түрін емес, әрекетті сипаттайды.
| сіздің жағдайыңыз | Ұсынылатын тәжірибелер | себебі |
|---|---|---|
| Суреттер мәтінде қайталанбайтын деректерді немесе процестерді тасымалдайды (инфографика) | Қажет болса, мәдени фондық жазбаларды қосып, alt толық аудармасы | Оқырмандар бұл көрнекі ақпаратты alt-тен алуы керек |
| Бөлгіштер, фондық текстуралар, мәтінсіз иллюстрациялар сияқты таза безендіру | alt="" сақтаңыз және аударма кезінде тікелей өткізіп жіберіңіз | Бос альт заңды болып табылады және экранды оқу құралына кескінді өткізіп жіберуді айтады. |
| Үлкейткіш әйнек, конверт сияқты белгішені басқару элементтері | alt әрекетті немесе мақсат күйін сипаттайды, мысалы, "іздеу" және "электрондық поштаны жіберу" | Сыртқы түрін сипаттау операцияның мақсатын түсініксіз етеді |
| Альтернативті немесе анық емес мақсат жоқ | Ескертулерді жазып алыңыз, қолмен қарап шығыңыз және болжам мазмұнын автоматты түрде толтырмаңыз | Қате функция сипаттамасы жоқ мүмкіндіктерге қарағанда қауіптірек |
| alt құрамында бренд атауы немесе зат есім бар | Аудармалардың дәйекті болуы үшін глоссарийді тексеріңіз | Беттегі бір терминнің бірнеше аудармасынан аулақ болыңыз |
Неліктен бос alt мәнді жоқ деп санауға болмайды?
Аударма топтары <img alt=""> файлын «балама мәтін жоқ» деп біркелкі белгілеп, толтыруды талап еткенде, олар веб-беттің қолжетімділік тәжірибесін бұзуы мүмкін. Бос alt төлсипаты HTML спецификациясында заңды болып табылады және экранды оқу құралына кескінді өткізіп жіберуді нақты айтады.
Нақты мәселе alt мәнінің бос болуы емес, аудармашы кескіннің негізгі деректері бар диаграмма, таза атмосфералық безендіру немесе басқан кезде әрекетті бастайтын түйме белгішесі екенін ажырата алмайды. Кескіннің барлық ауыспалы сөздерін ұзақ сипаттаушы сөйлемдерге аудару артық және көру қабілеті нашар пайдаланушыларды шарлау кезінде көптеген жарамсыз ақпаратты тыңдауға мәжбүр етеді. Бұл мәселені шешудің кілті аудармашының субъективті пікіріне сүйенудің орнына орындалатын классификация мен тексеру механизмін құру болып табылады.
Суреттің үш түрінің семантикалық шекаралары мен аударма стратегиялары
Кескіннің альтернативті мәтінімен жұмыс істегенде, біз алдымен оны классификациялауымыз керек, содан кейін аударманы қарастыруымыз керек.
Инфографика
Инфографика негізгі мәтінде қайталанбайтын негізгі деректерді немесе процестерді қамтиды. Оның астары осы көрнекі ақпаратты толығымен жеткізуі керек және аударылған кезде жеке абзац ретінде локализациялануы керек, қажет болған жағдайда мәдени фондық жазбалармен толықтырылуы керек.
Сәндік сурет
Сәндік кескіндер тек бөлгіштер, фондық текстуралар және мәтінсіз иллюстрациялар сияқты орналасуды әдемілеу немесе эмоционалды көрсету үшін пайдаланылады. Мұндай кескіндердің alt мәні "" бос жол ретінде сақталуы керек және аударма тапсырмасы ешқандай сипаттама қоспай өткізіліп жіберіледі.
Функция диаграммасы
Функция диаграммалары іздеуге арналған үлкейткіш әйнек белгішесі және контакт үшін конверт белгішесі сияқты интерактивті басқару элементтері ретінде бар. Оның төменгі мәні сыртқы түріне (мысалы, «көк үлкейткіш» «ақ конверт») емес, әрекетті немесе мақсат күйін (мысалы, «іздеу» «электрондық поштаны жіберу») сипаттауы керек.
Суреттердің осы үш түрін шатастыру аударманың ақпаратпен шамадан тыс жүктелуіне немесе негізгі әрекеттерді табу мүмкін болмауына әкеледі. Инженерлік тәжірибеде бұл классификация тек қолмен жадыға ғана сүйенбейді, бірақ сәйкестендіруге арналған сценарийлер көмектесетін ережелерге айналуы керек.
Синтез мысалы: дұрыс шығыс және шекаралық енгізу
Төмендегі композиция мысалында үш кескін бар: деректер диаграммасы, сәндік үлгі және жіберу түймешігі белгішесі. Күтілетін нәтиже: деректер диаграммасы егжей-тегжейлі қытай сипаттамасын сақтайды, сәндік үлгінің alt="" өзгеріссіз қалады және жіберу түймесі белгішесінің alt мәні «пішінді жіберу» деп аударылады.
Екі кең таралған жиек жағдайлары ерекше назар аударуды қажет етеді:
- Сәндік суреттер қате түрде сипаттау мәтіні ретінде белгіленген: Мысалы, сәндік үлгі
alt="decorative flower"деп жазылған. Оны «сәндік гүл» деп аударудың орнына, сценарий оның мағыналық рөлін танып, оны нөлдік мәнге түзетуі керек. - Функция диаграммасы жоқ alt: Ескерту осы кезде тіркелуі керек, бірақ алыпсатарлық сипаттама автоматты түрде толтырылмауы керек, өйткені қате функция сипаттамасы жетіспейтінге қарағанда қауіптірек.
Бұл пайымдаулар контексттегі адамның тексеруіне негізделген және код тек күдікті элементтерді белгілеуге көмектеседі. Мысал толығымен жадта құрастырылған және сыртқы файлдарды оқуды немесе желілік сұрауларды қамтымайды, бұл оны оқыту ортасында қауіпсіз көшіруді жеңілдетеді.
Alt атрибуттарды тексеру үшін Әдемі сорпаны пайдаланыңыз
Төмендегі Python мысалында img тегінің alt төлсипатын шығару және бастапқыда жіктеу жолын көрсету үшін жадта үлгі құру үшін Beautiful Soup 4.12.x (beautifulsoup4 бағдарламасын өзіңіз орнатуыңыз қажет) пайдаланылады.
from bs4 import BeautifulSoup
# 合成示例HTML,包含三类图片及一个边界案例
# 注意:此为教学演示数据,无需准备外部文件
html_snippet = """
<div>
<img src="chart.png" alt="Q3 revenue increased by 15% compared to Q2">
<img src="divider.svg" alt="">
<img src="submit-icon.png" alt="Submit">
<img src="flower-bg.jpg" alt="decorative flower">
</div>
"""
# 使用html.parser解析器,避免XML模式对多值属性的特殊处理
soup = BeautifulSoup(html_snippet, 'html.parser')
imgs = soup.find_all('img')
results = []
for img in imgs:
# 使用.get()安全获取属性,避免KeyError
alt = img.get('alt')
src = img.get('src', '')
# 简单启发式分类(非标准,仅作演示)
# 实际项目中应结合ARIA角色、CSS类名等更多上下文
if alt is None:
category = 'missing'
elif alt == '':
category = 'decorative'
elif any(kw in src.lower() for kw in ['icon', 'btn', 'button']):
category = 'functional'
else:
category = 'informative'
results.append({'src': src, 'alt': alt, 'category': category})
# 断言校验脚本自身逻辑是否正确执行
assert len(results) == 4
assert results[0]['category'] == 'informative'
assert results[1]['category'] == 'decorative'
assert results[2]['category'] == 'functional'
# 边界案例:误标的装饰图被归为informative待审,而非自动修正
assert results[3]['category'] == 'informative'
Үш тармақты түсіндіру керек:
- Сценарий тек перифериялық тексеру құралы болып табылады, аударма шешімдерін қабылдаудың толық механизмі емес. Нақты қолдануда әлі де қолмен тексеру қажет.
- Мысал сыртқы файлдарды оқымайды, барлық HTML мазмұны кодта анықталған. Бекітулер аударма сапасын тексерудің орнына сценарийдің талдау логикасының өзі алдын ала орнатылған ережелерге сәйкес келетінін тексереді.
- Ресми құжаттамаға сәйкес, Beautiful Soup HTML құжаттарын Tag және NavigableString сияқты нысан ағаштарына түрлендіреді.
.get('alt')арқылы сипаттарға кодқа қатынасу KeyError ерекшеліктерін болдырмайды.
Қабылдау тізімі және қолмен шолуды іске қосу шарттары
| Құбылыстарды бақылаңыз | өңдеу шешімі | Қолмен тексеру қажет пе |
|---|---|---|
| alt бос, ал src құрамында сәндік, bg, үлгі және т.б. | Аударманы өткізіп жіберу үшін бос alt қалдырыңыз | жоқ |
| alt бос, src-де безендіру белгілері жоқ және айналасындағы мәтінде сурет мазмұны айтылмайды | «Жоғалған деген күдік» деп белгіленген, әлі аударылған жоқ | иә |
| alt бос емес және src белгішесін, btn, түймені қамтиды | Alt сыртқы көріністен гөрі әрекетті сипаттайтынын тексеріңіз | иә |
| alt бос емес сипаттама мәтіні, бірақ денеде бірдей ақпарат бар | Артықшылықты бағалау, бос alt мәніне өзгертуге болады | иә |
| alt бренд атауын немесе жалқы есімді қамтиды | Глоссарий сәйкестігін тексеріңіз | иә |
Бұл кесте тек жалпы үлгілерді қамтиды. SVG кірістірілген мәтінімен, кенеп сызбаларымен немесе динамикалық түрде жасалған кескіндермен кез келген кездесуді алдыңғы интерфейсті іске асырумен таныс адам қарауы керек. Сценарий тек жіктеу белгілерін шығарады және бетті көрсету және қол жетімділікті тексеру құралдарын біріктіру арқылы соңғы нәтиже әлі де тексерілуі керек.
Сценарийдегі эвристикалық ережелер файл атауының кілт сөздеріне негізделген және CSS фондық кескіндері, деректер URI немесе ARIA рөлдері сияқты күрделі сценарийлерді қарастырмайды, сондықтан оларды автоматтандырылған аударма үшін жалғыз негіз ретінде пайдалану мүмкін емес.
📊 Негізгі салыстыру: кескіннің үш түрін өңдеудегі айырмашылықтар
| түрі | Типтік мысал | Alt-та не жазуым керек? | аударманы өңдеу | дұрыс емес өңдеудің салдары |
|---|---|---|---|---|
| Инфографика | Деректерді немесе процестерді тасымалдайтын диаграммалар | Толық визуалды хабарлама | Қажет болғанда фондық жазбаларды толықтырып, жеке абзац ретінде локализациялаңыз | Ақпарат жоқ және оқырмандар диаграмма мазмұнына қол жеткізе алмайды |
| Сәндік фигура | Бөлгіштер, фондық текстуралар, мәтінсіз иллюстрациялар | Бос жол "" | Өткізіп жіберіңіз, сипаттаманы қоспаңыз | Жарамсыз ақпарат оқу жүктемесін арттырады |
| Функция диаграммасы | Үлкейткіш әйнек, конверт және басқа интерактивті белгішелер | әрекет немесе мақсат күйі | «Іздеу» және «электрондық поштаны жіберу» сияқты әрекет сөздеріне аударылған | Сыртқы көріністі сипаттау маңызды операцияларды қолжетімсіз етеді |
🎯 Сізге қай әдіс қолайлы?
Суреттері көп веб-беттерді аударуға жауапты болсаңыз
Алдымен үш санаттағы кескіндерді белгілеңіз, содан кейін сақтау, аудару немесе alt қосуды шешіңіз.
Автоматтандырылған растау процесін жүргізіп жатсаңыз
Эвристикалық ережелерді белгілеу құралы ретінде пайдаланыңыз және аударманы тікелей оларға негізделген өзгертудің орнына күдікті элементтерді адам тексеруіне жіберіңіз.
Егер бетте SVG, Canvas немесе Motion Pictures болса
Тікелей қолмен шолуға өтіңіз және сценарий нәтижелеріне сенбеңіз.
❓ Жиі қойылатын сұрақтар (ЖҚС)
1. Бос alt суретте балама мәтін жоқ дегенді білдіре ме?
жоқ. HTML спецификациясына сәйкес, бос alt мән заңды болып табылады және экранды оқу құралына кескінді өткізіп жіберуді айтады. Сәндік кескін бос alt күйінде қалуы керек.
2. Функция диаграммасының alt түрі сыртқы түрін жаза алады ма?
Ұсынылмайды. Функция диаграммасының alt мәні "көк үлкейткіш" "ақ конверт" емес, "іздеу" "электрондық поштаны жіберу" сияқты әрекетті немесе мақсат күйін сипаттауы керек.
3. Суретте alt болмаса, сценарий оны автоматты түрде аяқтай алады ма?
Автоматты аяқтау болмауы керек. Ескертулер журналға тіркеліп, адам тексеруіне жіберілуі керек, себебі қате мүмкіндік сипаттамалары жетіспейтін мүмкіндіктерге қарағанда қауіптірек.
4. Сценарийлер SVG және Canvas файлдарын қамтуы мүмкін бе?
мүмкін емес. Бұл сценарийлер сценарийдің ауқымынан тыс және оларды алдыңғы қатарды іске асырумен таныс адам қарауы керек.
5. Тек сценарийді іске қосу арқылы аударма сапасын растауға бола ма?
мүмкін емес. Сценарий тек жіктеу белгілерін шығарады. Мысалдағы бекітулер талдау логикасын тексереді және аударма сапасын көрсетпейді.
📝 Түйіндеме
Image alt мәні SEO кілт сөзінің контейнері емес, семантикалық тасымалдаушы болып табылады. Аударманың мақсаты басқа сипаттама жасау емес, бейненің бастапқы мақсатын қалпына келтіру.
Келесі қадамдар және анықтамалық материалдар
Ағымдағы жобада кескіндері бар 5–10 HTML бетін таңдап, оларды жоғарыдағы санаттарға сәйкес бір рет қолмен белгілеңіз, содан кейін нәтижелерді салыстыру үшін тексеру сценарийін іске қосыңыз. Егер ауытқулар кескіндердің белгілі бір санатында шоғырланған болса, сценарий шегін реттеудің орнына сол санат үшін аударма нұсқауларын қайта қарауға басымдық беріңіз.
Дереккөздер: Әдемі сорпаның ресми құжаттамасы - Атрибуттар: https://www.crummy.com/software/BeautifulSoup/bs4/doc/#attributes
Құжатты аудару үшін осы бақылау тізімін пайдаланыңыз
Веб-құжаттардың мәтіні, сілтемелері, коды және құрылымы бөлек өңделуі керек. Қорғалған бөліктерді қабылдау тізіміне қосыңыз, содан кейін аудармадан кейін оқылу мүмкіндігі мен бетті көрсету әсерін бағалаңыз.
OmniDoc (өнім порталы) көп форматты құжатты аудару порталын ұсынады, ал ресми веб-сайт OCR, глоссарий және екі тілді салыстыру функцияларын ұсынады. Тікелей файлдардан жұмыс істегісі келетін топтар үшін бұл нақты өмір үлгілерімен бағалауға тұрарлық жол. Жүктеп салуға рұқсатыңыз бар сенсибилизацияланған файлдарды пайдаланыңыз және нәтижелерді қарап шығу үшін осы мақаладағы тексеру элементтерін пайдаланыңыз. Бұл мақалада OmniDoc мақалада сипатталған ашық бастапқы кітапханаларды немесе ішкі алгоритмдерді пайдаланады және мысалдар өнімнің өнімділігін тексеруді алмастырмайды.


