Что это за раздаточный материал о

Этот раздаточный материал поможет вам сначала определить, запрашивает ли конкретное задание сравнение / контраст, а затем сгенерировать список сходств и различий, решить, на каких сходствах и различиях следует сфокусироваться, и упорядочить документ так, чтобы он был ясным и понятным. эффективный. Он также объяснит, как вы можете (и почему вы должны) разработать тезис, выходящий за рамки «Вещи А и Вещи во многом похожи, но различны в других.

Введение

В своей студенческой карьере вы столкнетесь с множеством различных видов письменных заданий, каждое из которых имеет свои требования. Одним из наиболее распространенных является эссе сравнения / контраста, в котором вы сосредотачиваетесь на том, как определенные вещи или идеи — обычно две из них — похожи (это сравнение) и / или отличаются от (это контраст ) друг друга. Назначая такие эссе, ваши преподаватели поощряют вас устанавливать связи между текстами или идеями, заниматься критическим мышлением и выходить за рамки простого описания или резюме, чтобы произвести интересный анализ: когда вы размышляете о сходствах и различиях, вы получаете более глубокое понимание предметы, которые вы сравниваете, их связь друг с другом и что самое важное в них.

Распознавание сравнения / контраста в заданиях

В некоторых заданиях используются слова, такие как сравнение, контраст, сходства и различия, которые позволяют вам легко понять, что они просят вас сравнить и / или сопоставить. Вот несколько гипотетических примеров:

• Сравните и сопоставьте рассказы Фрая и Бартки о притеснении.
• Сравните первую и вторую мировые войны, выявляя сходства в причинах, развитии и результатах войн.
• Контраст Вордсворта и Коулриджа; Каковы основные различия в их поэзии?

Обратите внимание, что некоторые темы требуют только сравнения, другие — только контраста, а другие — и того, и другого.

Но не всегда так просто определить, просит ли вас включить сравнение / контраст. А в некоторых случаях сравнение / контраст является лишь частью эссе — вы начинаете со сравнения и / или противопоставления двух или более вещей, а затем используете то, что вы узнали, для построения аргумента или оценки. Рассмотрим эти примеры, отметив язык, который используется для запроса сравнения / контраста, и является ли сравнение / контраст только одной частью более крупного задания:

• Выберите конкретную идею или тему, например романтическую любовь, смерть или природу, и подумайте, как к ней относятся в двух романтических стихах.
• Как различные авторы, которых мы изучили до сих пор, определяют и описывают притеснение?
• Сравните рассказы Фрая и Бартки о притеснении. Что каждый подразумевает под сговором женщин в их собственном угнетении? Что является более точным?
• В текстах, которые мы изучали, солдаты, служившие в разных войнах, по-разному описывают свой опыт и чувства как во время, так и после боевых действий. Что общего в этих аккаунтах? Как вы думаете, какие факторы ответственны за их различия?

Вы можете проверить нашу брошюру о понимании заданий для дополнительных советов.

Использование сравнения / контраста для всех видов письменных проектов

Иногда вы можете захотеть использовать методы сравнения / контраста в своей собственной работе перед написанием, чтобы получить идеи, которые вы позже сможете использовать в качестве аргумента, даже если сравнение / контрастность не является официальным требованием для статьи, которую вы пишете. Например, если вы хотите доказать, что описание притеснения Фрая лучше, чем объяснение де Бовуара и Бартки, сравнение и противопоставление основных аргументов этих трех авторов может помочь вам в построении вашей оценки, даже если эта тема, возможно, не требовала сравнения / Контраст и списки сходств и различий, которые вы генерируете, могут не появиться нигде в окончательном варианте вашего документа

Обнаружение сходства и различия

Создание диаграммы Венна или диаграммы может помочь вам быстро и эффективно сравнить и сопоставить две или более вещи или идеи. Чтобы создать диаграмму Венна, просто нарисуйте несколько перекрывающихся кругов, по одному кругу на каждый предмет, который вы рассматриваете. В центральной области, где они перекрываются, перечислите черты, которые имеют два общих элемента. Назначьте каждую из областей, которые не перекрываются; в этих областях вы можете перечислить черты, которые отличают вещи.Вот очень простой пример с использованием двух пиццерий:

Чтобы составить диаграмму, выясните, на каких критериях вы хотите сосредоточиться при сравнении предметов. В левой части страницы перечислите каждый из критериев. Вверху перечислите названия предметов. Затем у вас должен быть ящик для каждого элемента для каждого критерия; Вы можете заполнить поля и затем изучить то, что вы обнаружили.

Когда вы создаете точки сравнения, учитывайте цель и содержание задания и фокус класса.Как вы думаете, что профессор хочет, чтобы вы узнали, делая это сравнение / контраст? Как это согласуется с тем, что вы изучали до сих пор, и с другими заданиями в курсе? Есть ли какие-либо подсказки о том, на чем сосредоточиться в самом задании?

Вот несколько общих вопросов о разных типах вещей, которые вы можете сравнить. Это ни в коем случае не полные или окончательные списки; они просто здесь, чтобы дать вам некоторые идеи — вы можете задать свои собственные вопросы для этих и других типов сравнения.Вы можете начать с вопросов, которые журналисты обычно задают: кто? Какой? Куда? Когда? Зачем? Как? Если вы говорите об объектах, вы также можете рассмотреть общие свойства, такие как размер, форма, цвет, звук, вес, вкус, текстура, запах, количество, продолжительность и местоположение.

Два исторических периода или события

• Когда они произошли — знаете ли вы дату (даты) и продолжительность? Что произошло или изменилось во время каждого? Почему они значимы?
• Какую работу делали люди? Какие у них были отношения? Что они ценят?
• Какие правительства были там? Кто были важные люди, вовлеченные?
• Что вызвало события в эти периоды, и какие последствия они имели позже?

Две идеи или теории

• О чем они?
• Они возникли в определенное время?
• Кто их создал? Кто их использует или защищает?
• Какова основная цель, требование или цель каждого? Какие выводы они предлагают?
• Как они применяются к ситуациям / людям / вещам / и т.д.?
• Что кажется вам более правдоподобным и почему? Насколько широк их охват?
• Какие доказательства обычно предлагаются для них?

Два произведения или произведения искусства

• Какие у них названия? Что они описывают или изображают?
• Каков их тон или настроение? Какова их форма?
• Кто их создал? Когда они были созданы? Как вы думаете, почему они были созданы такими, какими они были? Какие темы они затрагивают?
• Как вы думаете, один из них имеет более высокое качество или большую ценность, чем другие (и если да, то почему)?
• Для письма: какой сюжет, характеристика, обстановка, тема, тон и тип повествования используются?

Два человека

• Откуда они? Сколько им лет? Какого пола, расы, класса и т. Д.каждого?
• Чем, если вообще, они известны? Они имеют какое-либо отношение друг к другу?
• Какие они? Что они сделали? Во что они верят? Почему они интересны?
• Что выделяется больше всего в каждом из них?

Решаем, на чем сосредоточиться

К настоящему времени вы, вероятно, создали огромный список сходств и различий — поздравляем! Затем вы должны решить, какие из них являются интересными, важными и достаточно релевантными для включения в ваш документ. Задайте себе эти вопросы:

• Что относится к заданию?
• Что относится к курсу?
• Что интересного и информативного?
• Какое значение имеет аргумент, который вы собираетесь привести?
• Что является основным или центральным (и что необходимо упомянуть, даже если оно очевидно)?
• В целом, что важнее — сходства или различия?

Предположим, вы пишете статью, сравнивая два романа.Для большинства классов литературы тот факт, что они оба используют тип Caslon (разновидность шрифта, например шрифты, которые вы можете использовать при написании), не имеет значения, равно как и тот факт, что на одном из них есть несколько иллюстраций и другого нет; На занятиях по литературе больше внимания уделяется таким предметам, как характеристика, сюжет, сеттинг, стиль и намерения писателя, язык, основные темы и т. д. Однако, если вы писали статью для класса о наборе текста или о том, как иллюстрации используются для улучшения романов, шрифт и наличие или отсутствие иллюстраций могут быть абсолютно необходимыми для включения в окончательный вариант статьи.

Иногда определенная точка сравнения или контраста может быть релевантной, но не очень показательной или интересной. Например, если вы пишете статью о «Тинтернском аббатстве» Вордсворта и «Холоде в полночь» Колриджа, отмечая, что они оба имеют природу, поскольку центральная тема актуальна (сравнения поэзии часто говорят о темах), но не очень интересно; В вашем классе, вероятно, уже было много дискуссий о любви поэтов-романтиков к природе. Разговор о различных способах изображения природы или о различных аспектах природы, которые выделяются, может быть более интересным и демонстрировать более глубокое понимание стихов.

Ваш тезис

Тезис вашего сравнительного / контрастного документа очень важен: он может помочь вам создать сфокусированный аргумент и дать вашему читателю дорожную карту, чтобы она / он не заблудились в море пунктов, которые вы собираетесь сделать. Как и в любой статье, вы захотите заменить расплывчатые отчеты по вашей общей теме (например, «Эта статья будет сравнивать и сопоставлять две пиццерии», или «Пеппер и Аманте похожи в некоторых отношениях и отличаются в других», или « Pepper’s и Amante во многом похожи, но у них есть одно существенное различие ») с чем-то более подробным и конкретным.Например, вы можете сказать: «У Pepper и Amante одинаковые цены и ингредиенты, но их атмосфера и готовность доставить их отличают друг от друга».

Будьте осторожны, хотя — хотя этот тезис довольно специфичен и предлагает простой аргумент (атмосфера и доставка отличают две пиццерии), ваш инструктор будет часто искать немного больше анализа. В этом случае очевидный вопрос: «И что? Почему кого-то должно волновать, что Пеппер и Аманте так отличаются? » Можно также задаться вопросом, почему писатель выбрал для сравнения те два конкретных места для пиццы — почему не «Папа Джон», «Домино» или «Пицца Хат»? Опять же, размышления о контексте, который предоставляет класс, могут помочь вам ответить на такие вопросы и привести более веские аргументы.Вот пересмотр тезиса, упомянутого ранее:

Pepper’s и Amante предлагают больше разнообразных ингредиентов, чем в других пиццериях Chapel Hill / Carrboro (и любой другой национальной сети), но веселая, оживленная атмосфера в Pepper’s делает его лучшим местом для того, чтобы подарить своим друзьям и близким вкус. местной культуры.

На этом этапе вы можете найти наш раздаточный материал по построению тезисов.

Организация вашей бумаги

Существует много разных способов организации эссе для сравнения / сравнения.Вот два:

По предмету

Начните с того, что говорите все, что вы хотите сказать о первом предмете, который вы обсуждаете, затем переходите к следующему вопросу и делайте все замечания, которые вы хотите сказать по второму предмету (и после этого, третьему и т. Д., Если вы сравниваете / противопоставление более чем двум вещам). Если бумаги мало, вы можете уместить все свои пункты по каждому пункту в один абзац, но более вероятно, что у вас будет несколько параграфов на один пункт. Используя в качестве примера сравнение / контрастность пиццерии, после введения у вас может быть параграф об ингредиентах, доступных в Pepper, параграф о его местонахождении и параграф о его атмосфере.Тогда у вас будет три аналогичных абзаца об Аманте с последующим заключением.

Опасность этой предметной организации в том, что ваша статья будет просто списком баллов: определенное количество баллов (в моем примере три) по одному предмету, а затем определенное количество баллов по другому. Обычно это не то, что преподаватели колледжа ищут в газете — обычно они хотят, чтобы вы сравнивали или сравнивали две или более вещи очень напрямую, а не просто перечисляли черты, которые есть у вещей, и оставляли читателю на размышление о том, как они черты похожи или различны, и почему эти сходства или различия имеют значение.Таким образом, если вы используете форму «тема за предметом», вы, вероятно, захотите иметь очень сильный аналитический тезис и хотя бы один основной параграф, который связывает все ваши различные точки воедино.

Субъектная структура может быть логичным выбором, если вы пишете так называемое «объективное» сравнение, в котором вы используете один предмет или предмет (который на самом деле не является вашей основной темой) для лучшего понимания другого предмета (который). Например, вас могут попросить сравнить стихотворение, которое вы уже подробно рассмотрели в классе, с тем, которое вы читаете самостоятельно.Возможно, имеет смысл дать краткое изложение ваших основных идей о первом стихотворении (это будет ваш первый предмет, «объектив»), а затем потратить большую часть своей статьи на обсуждение того, насколько эти моменты похожи или отличаются от ваших идей. о втором.

По пунктам

Вместо того, чтобы рассматривать вещи по одному предмету за раз, вы можете поговорить об одной точке сравнения за раз. Это может быть реализовано двумя основными способами, в зависимости от того, сколько вы должны сказать о каждой вещи, которую вы сравниваете.Если у вас есть только немного, вы можете в одном абзаце обсудить, как определенная точка сравнения / контраста относится ко всем пунктам, которые вы обсуждаете. Например, я мог бы описать, в одном параграфе, каковы цены на Pepper и Amante; в следующем абзаце я мог бы сравнить имеющиеся ингредиенты; в-третьих, я мог бы противопоставить атмосферу двух ресторанов.

Если бы у меня было немного больше информации о предметах, которые я сравнивал / противопоставлял, я мог бы посвятить целый абзац тому, как каждый пункт относится к каждому предмету.Например, у меня мог бы быть целый параграф о клиентуре в Pepper’s, сопровождаемый целым параграфом о клиентуре в Amante; затем я перейду дальше и сделаю еще два параграфа, в которых обсуждаются мои следующие точки сравнения / контраста — например, ингредиенты, доступные в каждом ресторане.

Конечно, не существует жестких и быстрых правил организации сравнительной / контрастной бумаги. Просто убедитесь, что ваш читатель может легко рассказать, что происходит! Знайте также о расположении ваших разных точек.Если вы пишете сравнение / контраст в качестве аргумента, имейте в виду, что последнее, что вы делаете, это то, с чем вы оставляете своего читателя. Например, если я пытаюсь доказать, что Amante лучше, чем у Pepper, я должен закончить контрастом, который оставляет Amante звучащим хорошо, а не точкой сравнения, которая, как я должен признать, делает взгляд Pepper лучше. Если вы решили, что различия между элементами, которые вы сравниваете / противопоставляете, являются наиболее важными, вы должны покончить с этими различиями — и наоборот, если сходства кажутся вам наиболее важными.

Наша брошюра по организации может помочь вам написать хорошие предложения и переходы по темам и убедиться, что у вас есть хорошая общая структура для вашей статьи.

Кий слова и другие советы

Чтобы помочь вашему читателю отслеживать, где вы находитесь в сравнении / сравнении, вы должны быть уверены, что ваши переходы и предложения по темам особенно сильны. Ваш тезис уже должен был дать читателю представление о том, что вы будете высказывать, и об организации, которую вы будете использовать, но вы можете помочь ей / ей с некоторыми дополнительными подсказками. Следующие слова могут быть полезны для вас в сигнализации ваших намерений:

• как, аналогично, также, в отличие, аналогично, аналогичным образом, аналогичным образом, опять же, по сравнению с, напротив, аналогичным образом, в отличие от, наоборот, хотя, хотя, хотя, хотя, все же, но Тем не менее, наоборот, в то же время, независимо, несмотря на то, что, с одной стороны,… с другой стороны.

Например, у вас могло бы быть предложение темы, подобное одному из следующих:

• По сравнению с Pepper’s, Amante тихий.
• Как и Amante, Pepper’s предлагает свежий чеснок в качестве топинга.
• Несмотря на то, что они расположены в разных местах (в центре Чапел-Хилл и в центре Каррборо), до Пепперс и Аманте довольно легко добраться.

Это произведение лицензировано по лицензии Creative Commons Attribution-NonCommercial-NoDerivs 4.0.
Вы можете воспроизвести его для некоммерческого использования, если вы используете весь раздаточный материал и указываете источник: Центр письма, Университет Северной Каролины в Чапел-Хилл,

Сделать подарок

Понимание критерия успеха 1.4.3 | Понимание WCAG 2.0

Намерение этого критерия успеха

Цель этого критерия успеха — обеспечить достаточный контраст между текстом и фоном, чтобы его могли прочитать люди с умеренно слабым зрением (которые не используют вспомогательные технологии, усиливающие контраст). Для людей без недостатка цвета оттенок и насыщенность имеют минимальное влияние или не влияют на разборчивость, оцениваемую по результатам чтения (Knoblauch et al.1991). Недостаток цвета может несколько повлиять на контраст яркости. Поэтому в рекомендации контраст рассчитывается таким образом, что цвет не является ключевым фактором, поэтому у людей с дефицитом цветового зрения также будет достаточный контраст между текстом и фоном.

Текст, который является декоративным и не несет никакой информации, не исключается. Например, если для создания фона используются случайные слова, и слова могут быть переставлены или заменены без изменения значения, то это будет декоративным и не будет соответствовать этому критерию.

Текст, который больше по размеру и имеет более широкие штрихи символов, легче читать при низкой контрастности. Следовательно, требование контрастности для более крупного текста ниже. Это позволяет авторам использовать более широкий выбор цветов для большого текста, что полезно для оформления страниц, особенно заголовков. Текст из 18 пунктов или жирный текст из 14 пунктов считается достаточно большим, чтобы требовать более низкого коэффициента контрастности. .«18 точек» и «жирный» могут иметь разное значение в разных шрифтах, но, за исключением очень тонких или необычных шрифтов, их должно быть достаточно. Поскольку существует так много разных шрифтов, используются общие меры, и в них включено примечание о необычных или тонких шрифтах.

Примечание 1: При оценке этого критерия успеха размер шрифта в пунктах должен быть получен от пользовательского агента или рассчитан по метрикам шрифта, как это делают пользовательские агенты. Размеры точек основаны на размере CSS pt, как определено в Значениях CSS3.Соотношение размеров в точках и пикселях CSS составляет 1pt = 1.333px, поэтому 14pt и 18pt эквивалентны примерно 18.5px и 24px.

Примечание 2: Поскольку разные приложения для редактирования изображений по умолчанию используют разные плотности пикселей (например, 72 PPI или 96 PPI), указание размеров точек для шрифтов из приложения для редактирования изображений может быть ненадежным, когда речь идет о представлении текста определенного размера. При создании изображений крупномасштабного текста авторы должны убедиться, что текст в полученном изображении примерно равен 1.2 и 1,5 em или 120% или 150% от размера по умолчанию для основного текста. Например, для изображения с разрешением 72 PPI автору потребуется использовать шрифты размером приблизительно 19 и 24 пт, чтобы успешно представлять пользователю изображения с крупномасштабным текстом.

Ранее упомянутые требования к контрасту для текста также применяются к изображениям текста (текст, который был преобразован в пиксели, а затем сохранен в формате изображения), как указано в критерии успеха 1.4.3.

Это требование применяется к ситуациям, в которых изображения текста должны были пониматься как текст.Случайный текст, например, на фотографиях, которые содержат дорожный знак, не включены. Кроме того, текст, который по какой-то причине предназначен для того, чтобы быть невидимым для всех зрителей. Стилизованный текст, такой как корпоративные логотипы, следует рассматривать с точки зрения его функции на странице, что может включать или не требовать включения содержимого в текстовую альтернативу. Корпоративные визуальные ориентиры помимо логотипа и логотипа не включены в исключение.

В этом положении есть исключение, которое гласит «которые являются частью изображения, которое содержит существенное другое визуальное содержимое».Это исключение предназначено для отделения изображений, на которых есть текст, от изображений текста, которые сделаны для замены текста, чтобы получить особый вид.

Примечание: Изображения текста не масштабируются так же хорошо, как текст, потому что они имеют тенденцию к пикселизации. Также сложнее изменить контрастность переднего плана и фона и сочетания цветов для изображений текста, что необходимо для некоторых пользователей. Поэтому мы рекомендуем использовать текст везде, где это возможно, а когда нет, подумайте о предоставлении изображения с более высоким разрешением.

Критерий минимальной контрастности успеха (1.4.3) применяется к тексту на странице, включая текст-заполнитель и текст, который отображается, когда указатель мыши находится над объектом или когда объект имеет фокус клавиатуры. Если какой-либо из них используется на странице, текст должен обеспечивать достаточную контрастность.

Хотя этот критерий успеха применяется только к тексту, аналогичные проблемы возникают для контента, представленного в диаграммах, графиках, диаграммах и другой нетекстовой информации. Контент, представленный таким образом, также должен иметь хороший контраст, чтобы обеспечить доступ к информации большему количеству пользователей.

См. Также Понимание критерия успеха 1.4.6 Контрастность (улучшенная) .

Обоснование выбранных соотношений

Текст, который больше по размеру и имеет более широкие штрихи символов, легче читать при более низкой контрастности. Следовательно, требование контрастности для более крупного текста ниже. Это позволяет авторам использовать более широкий выбор цветов для большого текста, что полезно для оформления страниц, особенно заголовков. Текст из 18 пунктов или жирный текст из 14 пунктов считается достаточно большим, чтобы требовать более низкого коэффициента контрастности.. «18 точек» и «жирный» могут иметь разное значение в разных шрифтах, но, за исключением очень тонких или необычных шрифтов, их должно быть достаточно. Поскольку существует так много разных шрифтов, используются общие меры, и в них включено примечание о необычных или тонких шрифтах.

Примечание 1: При оценке этого критерия успеха размер шрифта в пунктах должен быть получен от пользовательского агента или рассчитан по метрикам шрифта, как это делают пользовательские агенты.Размеры точек основаны на размере CSS pt, как определено в Значениях CSS3. Соотношение размеров в точках и пикселях CSS составляет 1pt = 1.333px, поэтому 14pt и 18pt эквивалентны примерно 18.5px и 24px.

Примечание 2: Поскольку разные приложения для редактирования изображений по умолчанию используют разные плотности пикселей (например, 72 PPI или 96 PPI), указание размеров точек для шрифтов из приложения для редактирования изображений может быть ненадежным, когда речь идет о представлении текста определенного размера. При создании изображений крупномасштабного текста авторы должны убедиться, что текст в полученном изображении примерно равен 1.2 и 1,5 em или 120% или 150% от размера по умолчанию для основного текста, отображаемого браузером.

Оттенки воспринимаются пользователями по-разному с недостатками цветового зрения (как врожденными, так и приобретенными), что приводит к разным цветам и относительным контрастам яркости, чем для пользователей с нормальным зрением. Из-за этого эффективный контраст и удобочитаемость различны для этой группы населения. Тем не менее, недостатки цвета настолько разнообразны, что назначение эффективных пар цветов общего назначения (для контраста) на основе количественных данных не представляется возможным.Требование хорошего контраста яркости учитывает это, требуя контраст, который не зависит от цветового восприятия. К счастью, большая часть яркостного вклада принадлежит средним и длинноволновым рецепторам, которые в значительной степени перекрываются в своих спектральных ответах. Результатом является то, что эффективный контраст яркости, как правило, может быть рассчитан без учета конкретной цветовой недостаточности, за исключением использования преимущественно длинноволновых цветов по сравнению с более темными (обычно выглядящими черными) для тех, у кого протанопия.(По этой причине мы предлагаем методику избегания красного на черном). Для получения дополнительной информации см. [ARDITI-KNOBLAUCH] [Arditi-Knoblauch-1996] [Arditi].

Примечание: Некоторым людям с когнитивными нарушениями требуются сочетания цветов или оттенки, которые имеют низкий контраст, и поэтому мы разрешаем и поощряем авторов предлагать механизмы для корректировки цветов переднего плана и фона контента. Некоторые из комбинаций, которые можно выбрать, могут иметь уровни контрастности, которые будут ниже, чем в Критериях успеха.Это не является нарушением этих критериев успеха, при условии, что существует механизм, который возвращает значения по умолчанию, установленные в критериях успеха.

Коэффициент контрастности 3: 1 — это минимальный уровень, рекомендуемый [ISO-9241-3] и [ANSI-HFES-100-1988] для стандартного текста и изображения. Соотношение 4,5: 1 используется в этом положении для учета потери контраста, которая является результатом умеренно низкой остроты зрения, врожденных или приобретенных дефектов цвета или потери контрастной чувствительности, которая обычно сопровождает старение.

Обоснование основано на а) принятии коэффициента контрастности 3: 1 для минимально приемлемого контраста для нормальных наблюдателей в стандарте ANSI и б) эмпирических данных о том, что в популяции острота зрения 20/40 связана с потеря контрастной чувствительности примерно 1,5 [ARDITI-FAYE]. Таким образом, пользователю с 20/40 потребуется коэффициент контрастности 3 * 1,5 = 4,5 к 1. После аналогичных эмпирических выводов и той же логики пользователю с остротой зрения 20/80 потребуется контраст около 7: 1.

Коэффициент контрастности 4,5: 1 был выбран для уровня AA, потому что он компенсировал потерю контрастной чувствительности, обычно испытываемую пользователями с потерей зрения, эквивалентной приблизительно 20/40 зрению. (20/40 рассчитывается примерно до 4,5: 1.) 20/40 обычно указывается как типичная острота зрения пожилых людей в возрасте примерно 80 лет. [GITTINGS-FOZARD]

Коэффициент контрастности 7: 1 был выбран для уровня AAA, поскольку он компенсировал потерю контрастной чувствительности, обычно испытываемую пользователями с потерей зрения, эквивалентной приблизительно 20/80 зрению.Люди с такой степенью потери зрения обычно используют вспомогательные технологии для доступа к своему контенту (и вспомогательные технологии обычно имеют встроенную в них функцию усиления контраста). Поэтому уровень 7: 1, как правило, обеспечивает компенсацию потери контрастной чувствительности, которую испытывают пользователи со слабым зрением, которые не используют вспомогательные технологии, а также обеспечивает повышение контрастности при недостатке цвета.

Примечания к формуле

Преобразование из нелинейных в линейные значения RGB основано на стандарте IEC / 4WD 61966-2-1 [IEC-4WD] и на «Стандартном цветовом пространстве по умолчанию для Интернета — sRGB» [sRGB].

Формула (L1 / L2) для контраста основана на стандартах [ISO-9241-3] и [ANSI-HFES-100-1988].

Стандарт ANSI / HFS 100-1988 требует, чтобы вклад окружающего света учитывался при расчете L1 и L2. Используемое значение .05 основано на типовой видимости вспышки из [IEC-4WD] и бумаге [sRGB] M. Stokes et al.

Этот критерий успеха и его определения используют термины «коэффициент контрастности» и «относительная яркость», а не «яркость», чтобы отразить тот факт, что веб-контент не излучает сам свет.Коэффициент контрастности дает меру относительной яркости, которая будет отображаться при отображении. (Поскольку это соотношение, оно безразмерно.)

Конкретные преимущества критерия успеха 1.4.3:

• Люди со слабым зрением часто испытывают затруднения при чтении текста, который не контрастирует с его фоном. Это может усугубиться, если у человека есть дефект цветового зрения, который еще больше снижает контраст. Предоставление минимального коэффициента контрастности яркости между текстом и фоном может сделать текст более читабельным, даже если человек не видит весь спектр цветов.Это также работает для редких людей, которые не видят цвета.

Гадолиний контраст: неионный — Вопросы и ответы в МРТ

Ionic v Неионный контраст Являются ли неионные гадолиниевые контрастные вещества лучше ионных?

Не обязательно. Часто проводится аналогия с общепризнанным преимуществом неионогенных контрастных веществ на основе йода над ионными с точки зрения безопасности почек и побочных реакций.(Ложный) вывод состоит в том, что неионные агенты гадолиния также будут лучше ионных.

Ионность тесно связана с осмоляльностью (количество растворенных частиц на кг воды). Сравнение препаратов гадолиния в клиническом применении показано в таблице справа. Для справки: нормальная осмоляльность сыворотки составляет приблизительно 290 мОсм / кг, поэтому даже неионные контрастные агенты все еще значительно гипертоничны по отношению к крови.

Отмечается тесная связь между ионностью и высокой осмоляльностью.Единственным исключением в таблице является Gadavist®, который, хотя неионный, имеет высокую осмоляльность. Это является результатом решения производителя дозировать этот препарат в концентрации, вдвое большей, чем у других препаратов.

---

Общий заряд иона гадолиния плюс его лиганд контролирует осмоляльность соединения. В качестве примера, давайте рассмотрим почтенную анионную часть Gd-DTPA магневиста® с чистым зарядом -2. Для достижения электронейтральности к соли присоединены два катиона меглюмина (каждый с зарядом +1).При растворении в растворе выделяются три осмотически активные частицы, что объясняет, почему у Магневиста® осмоляльность примерно в три раза выше, чем у неионного агента, такого как ProHance®.

Очевидный способ сделать гадолиниевый контрастный агент неионным состоит в присоединении лиганда с зарядом -3.Это уравновесит заряд +3 иона Gd и сделает молекулу электрически нейтральной. Переключая слайд-шоу влево, вы можете увидеть, как производители модифицировали различные лиганды для достижения электронейтральности для нескольких коммерчески используемых контрастных веществ. Один и тот же процесс может быть применен как к линейным, так и к макроциклическим агентам.

Итак, имеет ли значение ионность / осмоляльность при выборе контрастного вещества Gd?

Необходимо рассмотреть три клинических сценария, где разница может быть важной: 1) подкожная экстравазация контраста; 2) потенциальная нефротоксичность; и 3) проблемы, связанные с острым повышением осмоляльности сыворотки.

Раздражение тканей при экстравазации , , , несколько сильнее при использовании гиперосмолярного контраста. Поскольку агенты гадолиния вводятся в таких малых объемах (10-15 куб. См), однако, даже экстравазации большого количества обоих типов агентов, как правило, не создают значительных повреждений. На мой взгляд, несколько лучшие характеристики низкоосмолярных / неионных агентов в этом измерении не должны перевешивать другие факторы при выборе контрастного материала.

Аналогичный вывод можно сделать в отношении возможной острой почечной токсичности .К тому времени, когда контраст циркулировал через сердце и аорту, его концентрация значительно уменьшилась. Таким образом, какими бы слабыми нефротоксическими эффектами ни обладал контраст гадолиния (см. Отдельные вопросы и ответы), разница между ионными и неионными составами, вероятно, минимальна.

Системные осмолярные эффекты контраста гадолиния вряд ли будут значительными по той же причине. Осмолярный эффект контрастного вещества определяется не его концентрацией в бутылке, а его концентрацией в крови.Системная концентрация контрастного вещества зависит от его общей осмотической нагрузки, которая является фармацевтической осмоляльностью лекарственного средства, умноженной на введенный объем.

Для Например, общая осмолярная нагрузка от дозы Magnevist® в 15 см 3 составляет (1940) х (0,015), или 29 мОсм, тогда как осмолярная нагрузка от той же дозы ProHance® будет (630) х (0,015), или 9 мосм. Введение этих препаратов увеличит осмоляльность сыворотки только на 1,5% и 0,5% соответственно. Йодированные агенты, однако, вводятся в гораздо больших объемах, так что их системные осмолярные эффекты намного больше.Например, общее осмолярная нагрузка от 150 куб. см Ренографин-60® (осмоляльность 1420 мОсм / л) рассчитывается как 213 мОсм, тогда как осмолярность нагрузка от 150 см3 неионного агента Isovue-300 (осмоляльность 616 мОсм / л) составляет 92 мОсм. Осмоляльность сыворотки потенциально может увеличиться на 12% и 5% соответственно от приема этих препаратов на основе йода.

Этот количественный пример демонстрирует, что даже самые ионные агенты гадолиния вызывают тривиальное изменение осмоляльности сыворотки, эффект намного меньший, чем даже неионный агент йода .Поэтому разница между ионными и неионными агентами гадолиния с точки зрения их системных осмотических эффектов едва ли заметна.

Список литературы
Бехзади А.Х., Чжао Y, Фарук З., Принц М.Р. Немедленные аллергические реакции на контрастные вещества на основе гадолиния: системный обзор и метаанализ. Радиология 2018; 286: 471-482. (Удивительно, но у Омнискана была самая низкая скорость реакций, а у макроцикликов была более высокая скорость, чем у линейных агентов)
Беллин М.Ф., Ван Дер Молен А.Дж.Внеклеточные контрастные вещества на основе гадолиния: обзор. Eur J Radiol 2008; 66: 160-167.
Laurent S, Vander Elst L, Muller RN. Сравнительное изучение физико-химических свойств шести клинических низкомолекулярных гадолиниевых контрастных веществ. Contrast Media Mol Imaging 2006; 1: 128-137.
Rohrer M, Bauer H, Mintorovitch J et al. Сравнение магнитных свойств МРТ-контрастных сред растворов с различной напряженностью магнитного поля. Инвест Радиол 2005; 40: 715-724. ,

WebAIM: контрастность и цветовая доступность

Вы находитесь здесь: Главная> Статьи> Контрастность и цветовая доступность

Содержание статьи

1. Текущая страница: Страница 1: Понимание требований к контрастности и цвету WCAG 2
   1. Введение
   2. Определение цветов
   3. WCAG 2 «Коэффициент контрастности»
   4. 1.4.3 Контраст (минимум)
   5. 1.4.6 Контрастность (улучшенная)
   6. 1.4.11 Нетекстовый контраст
   7. 1.4.1 Использование цвета
2. Страница 2: Оценка контрастности и цветопередачи
3. Страница 3: Оценка контрастности с помощью Chrome DevTools

Введение

Контрастность и использование цвета жизненно важны для доступности. Пользователи, включая пользователей с нарушениями зрения, должны иметь возможность воспринимать контент на странице. В Руководящих принципах обеспечения доступности веб-контента (WCAG) 2 есть много мелкого шрифта и сложности, которые могут легко запутать создателей веб-контента и оценщиков веб-доступности.В этой статье собраны термины и принципы, необходимые для понимания требований WCAG 2 к контрасту и цвету.

Определение цветов

Цвета могут быть определены несколькими способами. Например, этот оттенок синего может обычно определяться тремя различными способами в стилях веб-страницы:

• rgb (97, 97, 255) : Количество красного, зеленого и синего, которые образуют цвет, представлено в виде числа от 0 до 255.
• # 6161FF : Это шестнадцатеричный формат, в котором значения красного / зеленого / синего представлены в виде комбинации из шести букв или цифр. Обычно называется «Hex», это очень распространенный формат на веб-страницах.
• hsl (240, 100%, 69%) : Оттенок, насыщенность и яркость более точно соответствуют тому, как люди воспринимают цвета. Изменение «яркости» цвета изменит его контрастность на другой цвет.

Альфа, то есть непрозрачность или прозрачность цвета, также влияет на контрастность.Альфа представлена ​​в виде числа от 0 (полностью прозрачный) до 1 (полностью непрозрачный). Уменьшение альфа-канала для текста обычно уменьшает его контрастность, поскольку вы позволяете пролить нижележащий цвет.

WCAG 2 «Коэффициент контрастности»

В WCAG 2 контраст — это мера разницы в воспринимаемой «яркости» или яркости между двумя цветами (фраза «цветовой контраст» никогда не используется). Эта разница яркости выражается в виде отношения в диапазоне 1: 1 (например,грамм. белый текст на белом фоне) до 21: 1 (например, черный текст на белом фоне). Чтобы дать ориентир, на белом фоне…

• Pure red (# FF0000) имеет соотношение 4: 1. Я красный текст.
• Чистый зеленый (# 00FF00) имеет очень низкое соотношение 1,4: 1. Я зеленый текст.
• Pure blue (# 000FF) имеет контрастность 8,6: 1.Я синий текст.

Важно

Если цвета текста и фона инвертированы, коэффициент контрастности остается прежним.

Три критерия успеха в контрасте адресов WCAG 2:

Один дополнительный критерий успеха, 1.4.1 Использование цвета, ссылается на коэффициент контрастности как часть требования для ссылок, которые различаются только по цвету.

Мы подробно рассмотрим эти четыре критерия успеха.

1.4.3 Контрастность (минимум)

Требования этого уровня AA гласят:

Визуальное представление текста и изображений текста имеет коэффициент контрастности не менее 4.5: 1, за исключением следующего:

• Large Text: Крупномасштабный текст и изображения крупномасштабного текста имеют контрастность не менее 3: 1;
• Случайно: У текста или изображений текста, которые являются частью неактивного компонента пользовательского интерфейса, являются чистым оформлением, которые никому не видны или являются частью изображения, которое содержит значительный другой визуальный контент, не требуется контрастность ,
• Логотипы: Текст, являющийся частью логотипа или фирменного знака, не требует контрастности.

Вот несколько примеров текста с почти точным контрастом 4,5: 1

• Серый (# 767676) на белом
• Фиолетовый (# CC21CC) белый
• Синий (# 000063) на сером (# 808080)
• Красный (# E60000) на желтом (# FFFF47)

Для многих из нас некоторые из этих комбинаций не очень читабельны. Вот почему 4,5: 1 — это минимальная контрастность , равная .

Важно

WCAG требует «не менее 4.Контрастность 5: 1, поэтому вы не можете округлить контрастность до 4,5: 1. Например, # 777777 — это широко используемый оттенок серого с контрастностью 4,48: 1. Он не соответствует порогу контрастности WCAG.

Изображения текста

Эти требования к контрасту также применяются к тексту в графике, который в WCAG 2 называется «изображения текста».

Пример

Белый текст на изображении ниже имеет недостаточный контраст.

Наброски и гало

Текстовые эффекты, как и контуры, могут влиять на воспринимаемый контраст.WCAG 2 утверждает, что цвет контура или границы текста может использоваться как цвет текста или переднего плана при измерении контрастности.

Свечение текста / ореол вокруг букв может использоваться как цвет фона.

Исключения

Существует три исключения из этого требования контрастности 4.5: 1: большой текст, случайный текст и логотипы.

Большой текст

Большой текст легче читать, поэтому требование к контрастности уменьшено до 3: 1.WCAG определяет большой текст как текст размером 18 пт и более, или 14 пт и больше , если — жирный.

Например:

• Серый (# 949494) 18-точечный текст на белом
• Фиолетовый (# C86ff1) 14 точек + жирный шрифт на белом

Примечание

• На веб-страницах пиксели гораздо чаще встречаются по размеру текста, чем точки. 18 точек соответствуют 24 пикселям, а 14 — примерно 18,67 пикселям.
• В CSS полужирный текст обычно имеет шрифт : жирный шрифт или шрифт: 700 или более
• Это относится и к изображениям текста, но может быть трудно измерить размер текста на изображении.

Случайный

WCAG 2.0 определяет четыре типа «случайного» текста, который не требуется для соответствия требованиям контрастности.

• Неактивно: Неактивный элемент, например отключенная кнопка Отправить ( Отправить ), визуально идентифицируется по своему низкоконтрастному состоянию.
• Чистая отделка: Декоративный текст, который не предназначен для чтения. Примером этого может быть изображение книжной полки на домашней странице библиотеки.Названия книг не предназначены для чтения пользователем.
• Никому не виден: Текст, который должен быть скрыт, например невидимая пропускающая ссылка, не должен удовлетворять никаким требованиям контрастности, пока не станет видимым.
• Часть изображения, содержащая значительное другое визуальное содержимое: Текст, который не является важной частью информации на изображении, например, метка имени на рубашке человека на фотографии вечеринки, не должен встречаться любые контрастные требования.

Примечание

Чтобы определить, нуждается ли текст в изображении в достаточной контрастности, вы можете подумать, что любой текст, который будет добавлен к альтернативному тексту изображения, должен, вероятно, соответствовать требованиям контрастности, в то время как текст, который не будет добавлен к альтернативному тексту, обычно может рассматриваться как случайный.

Логотипы

Текст, являющийся частью логотипа или торговой марки, не требует контрастности. Если мы оглянемся на пример изображения текста, использованного ранее, логотип amazon music будет освобожден.

Не упоминается

Пара важных контрастных соображений не упоминается в 1.4.3.

Градиенты, фоновые изображения и прозрачные пленки

Текст с градиентами, полупрозрачными цветами и фоновыми изображениями все еще должен соответствовать требованиям к контрасту, но WCAG не дает никаких указаний о том, как измерить их контраст. Мы рекомендуем обычно тестировать область, где контрастность самая низкая.

Изменения цвета при наведении, фокусировке и т. Д.

Текст иногда меняет цвет, когда пользователь взаимодействует с ним с помощью мыши или клавиатуры. CSS можно использовать для определения наведения, фокусировки или активных состояний для интерактивных элементов. Нет никаких упоминаний об особом рассмотрении этих изменений в цвете текста, означая, что текст во всех этих состояниях должен все еще соответствовать тем же требованиям контраста.

1.4.6 Контрастность (улучшенная)

Единственная разница между этим критерием успеха уровня AAA и уровнем AA 1.4.3 заключается в том, что требования к контрасту являются более строгими. Для нормального текста требуется контрастность 7: 1 и для большого текста 4,5: 1 . Несмотря на то, что часто рекомендуется более высокая контрастность, мы сосредоточены на соблюдении 1.4.3 в этой статье.

1.4.11 Нетекстовый контраст

WCAG 2.1 был опубликован в июне 2018 года. Один новый критерий успеха 2.1 выдвигает контраст за пределы простого текста. 1.4.11 Нетекстовый контраст (уровень AA) гласит:

Наглядное представление следующих изображений имеет контрастность не менее 3: 1 по отношению к смежному цвету (цветам):

• Компоненты пользовательского интерфейса: Визуальная информация, необходимая для идентификации компонентов и состояний пользовательского интерфейса, за исключением неактивных компонентов или в тех случаях, когда внешний вид компонента определяется пользовательским агентом и не изменяется автором;
• Графические объекты: Части графики, необходимые для понимания содержимого, за исключением случаев, когда конкретное представление графики имеет важное значение для передаваемой информации.

Существует одно заметное различие в том, как применяются требования к контрасту. 1.4.11 требуется контраст «не менее 3: 1 по отношению к смежному цвету (ам)», что означает, что вам может потребоваться измерить контраст более чем в одном месте. Нетекстовый элемент может иметь разный контраст на одной стороне, чем другой (например, клин на круговой диаграмме), или он может содержать компоненты разного цвета, которые требуют контрастности 3: 1 друг с другом.

Пример

Значок треугольной формы с восклицательным знаком используется для предупреждения пользователя о чем-то важном.

Этот рисунок состоит из двух важных фигур — восклицательного знака и треугольника (обычно зарезервированы для подобных предупреждений). Это означает, что необходимо учитывать 2 коэффициента контрастности:

1. Коэффициент контрастности между белым восклицательным знаком и красным треугольником, который превышает 3: 1
2. Коэффициент контрастности между красным треугольником и серым фоном, который составляет менее 3: 1.

Этот значок не соответствует 1.4.11.

Компоненты пользовательского интерфейса

Существует два типа нетекстовых элементов, которые, согласно 1.4.11, должны иметь контрастность 3: 1. Первыми являются «Компоненты пользовательского интерфейса», которые являются элементами управления для различных функций. Например, в группе значков социальных сетей каждый значок представляет собой отдельный компонент пользовательского интерфейса.

Штаты

Недостаточно измерить контраст представления по умолчанию компонента пользовательского интерфейса. Каждое состояние компонента также должно иметь контрастность 3: 1.Состояния — это временные изменения в компоненте, обычно из-за взаимодействия с пользователем, например, при наведении курсора мышью или с помощью клавиатуры.

Пример

Когда пользователь наводит курсор на пользовательский флажок, он становится ярко-синим (# 00B0F0).

Этот флажок имеет контрастность 2,5: 1 в состоянии наведения, поэтому он не работает.

За исключением случаев, когда «определено пользовательским агентом»

Если вы используете стили по умолчанию, предоставляемые браузером, то эти требования к контрасту не применяются.

Пример

В Chrome граница по умолчанию для текстового поля имеет контрастность 2,4: 1:

Этот контур значительно ниже порога 3: 1, но, поскольку этот цвет был «определен» браузером и не был настроен автором, он не распространяется. Из-за низкого контраста по умолчанию мы рекомендуем использовать CSS для увеличения контраста для текстовых полей и других форм ввода.

Наиболее распространенным примером низкоконтрастного «состояния» является контур по умолчанию, который появляется, когда элемент имеет фокус клавиатуры.Этот контур является ярко-синей линией в большинстве браузеров (Firefox — исключение с пунктирной линией). Он довольно характерен на белом фоне, но менее заметен на некоторых цветах и ​​может быть почти невидимым на ярко-синем фоне.

Несмотря на то, что есть некоторые споры относительно того, является ли это ошибкой WCAG 2.1, это все еще то, что вы захотите оценить и рассмотреть. Вы можете использовать свойства CSS: focus и outline для настройки индикатора фокусировки, чтобы он имел контрастность не менее 3: 1, а также соответствовал дизайну и эстетике вашего сайта.

Графические объекты

Вторым типом нетекстового элемента, охватываемого этим критерием успеха, являются «графические объекты». В этом определении есть пара ключевых терминов.

«Требуется, чтобы понять содержание»

Чтобы что-то определить как графический объект, требующий контраста 3: 1, необходимо «понять содержание».

Пример

Значок Twitter, представляющий собой ссылку, требует контрастности 3: 1.Но если ссылка также содержит слово «Twitter» (с коэффициентом контрастности не менее 4,5: 1), то значок больше не требуется для понимания содержимого, поэтому он не требует каких-либо контрастных требований.

«… кроме случаев, когда важна конкретная презентация»

Определенные типы изображений, возможно, должны быть представлены в более низком контрасте, чтобы они не теряли смысл или цель. Тепловая карта должна использовать низкоконтрастные цвета, чтобы нижняя страница все еще была видна.

Пример

Реальные изображения, такие как фотографии и скриншоты, также попадают в эту категорию. Так же и логотипы.

1.4.1 Использование цвета

WCAG 2 не запрещает какие-либо конкретные цвета или сочетания цветов, такие как красный и зеленый. Предыдущие критерии успеха требовали, чтобы текстовые и нетекстовые элементы имели достаточный контраст. Критерий успеха 1.4.1, требование уровня А, запрещает использовать только цвет для представления важного содержания или инструкций.Читается:

Цвет не используется в качестве единственного визуального средства передачи информации, указания действия, запроса ответа или различения визуального элемента.

Это довольно простая рекомендация.

Пример

В этой таблице школьных заданий единственным признаком того, что задание пропущено или задержано, является цвет фона. Это недоступно для слепых и может сбить с толку или недоступно для дальтоников или тех, кто игнорирует цвета страниц.

Одним из способов решения этой проблемы является добавление второго столбца для статуса назначения (отсутствует, выполнено или задержано). Вы все еще можете использовать цвет для усиления информации, если цвет не единственный способ представления этого статуса. Фактически, выделение цветом делает информацию более доступной для пользователей, которые могут видеть разницу в цвете.

Форма инструкции и ошибки

Цвет часто используется в формах для определения обязательных полей и ошибок в формах.

Пример

Например, обязательное поле, которое остается пустым, может иметь красную рамку.

Красной границы недостаточно. В поле формы также потребуется значок:

Или встроенное сообщение об ошибке:

Цветовая идентификация ссылок

WCAG 2 правила контраста и цвета перекрываются в одном месте: когда цвет используется как единственный способ идентифицировать ссылку.Это не относится к каждой ссылке на странице. Например, ссылки в заголовке веб-страницы понимаются как ссылки, основанные на их положении на странице, использовании пробела и часто с использованием отдельного шрифта. Это требование относится к местам, где основной текст и текст ссылки появляются вместе, и для идентификации ссылок используется только цвет (то есть подчеркивание было удалено). Для оптимального доступа и удобства использования, подчеркните ссылки. В противном случае вам нужно будет сделать следующее:

1. Убедитесь, что 3: 1 контраст между основным текстом и текстом ссылки.
2. Обеспечьте «визуальную подсказку» (не только изменение цвета), которая появляется при наведении курсора мыши и фокусе клавиатуры. Наиболее распространенный способ добиться этого — подчеркнуть связь при наведении и фокусировке.

Эти требования являются дополнением к требованию контрастности текста 1.4.3, равному 4,5: 1. Выполнение всех трех этих требований одновременно может быть затруднено.

Пример

Форма заканчивается строкой текста, которая гласит: «Отправляя эту форму, вы соглашаетесь с нашими Условиями использования.«Темно-серый (# 2E2E2E) основной текст имеет контраст 13,6: 1 на белом фоне. Синяя (# 0079AD) ссылка« Условия использования »имеет контраст 4,8: ​​1, поэтому текст соответствует требованиям контрастности.

… но существует только 2,8: 1 контраст между основным текстом и текстом ссылки. Немного более светлый оттенок синего (# 0081B8) обеспечит чуть более 3: 1 контраст между ссылкой и основным текстом:

… но теперь у него контраст меньше 4,5: 1 с фоном! С этими цветами текста и фона невозможно использовать не подчеркнутые ссылки, а также соответствовать рекомендациям WCAG.

Это становится все труднее, если ссылки меняют цвет при наведении или фокусировке, каждый из цветов в этих состояниях также должен иметь как минимум разницу в контрастности 4,5: 1 с фоном. WCAG 2.0 и Link Colours в блоге WebAIM более детально исследуют требования WCAG к цветам ссылок.

,