I don't know how it looks on the rest of the theme, because I ran into this issue on the very first page of Drupal install.

At .75em, the labels on radio buttons are way too small -- 10px in Safari 5.
In Safari 5 on OSX with a 14" monitor, I had to squint to see them.

Further, the fields' labels were actually smaller than the fields' descriptions.
Attached patch to seven/style.css removes the following CSS statement, along with before and after screenshots:

.form-item label.option {
  font-size: 0.75em;
}
CommentFileSizeAuthor
#7 seven-font-size.png52.73 KBsun
#4 000-seven-form-css-sanity.patch1.57 KBagentrickard
#2 before.png68.02 KBaaronbauman
#2 after.png69.99 KBaaronbauman
#1 seven-theme-tiny-text.patch1.04 KBaaronbauman
seven-After.png110.89 KBaaronbauman
seven-Before.png111.53 KBaaronbauman
seven-theme-tiny-radio-labels.patch540 bytesaaronbauman

Comments

aaronbauman’s picture

aaronbauman
he/him
commented
Title: Radio button labels are so small as to be almost unreadable (10px) » Some seven font sizes are too small to read
Issue tags: +Accessibility
StatusFileSize
new seven-theme-tiny-text.patch1.04 KB

Found that some other elements are also unreadably small due to this declaration in reset.css:

input,
select,
textarea,
body {
  font: 0.81em/1.25em "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.81em renders at 10px in my browser, Safari 5 as noted in OP, which I have to squint to read.

aaronbauman’s picture

aaronbauman
he/him
commented
StatusFileSize
new after.png69.99 KB
new before.png68.02 KB

Here's the before and after screenshots showing the difference in text size for input fields during install.

mgifford’s picture

mgifford
he/him
Primary language English
commented

Patch applies nicely. with the screen shots I really don't see any reason not to mark it RTBC. I didn't review the impact on the install pages which was an oversight in:

#849642: Regression: Absolute font-sizes used in Seven

agentrickard’s picture

agentrickard
he/him
Primary language English
Location Georgia (US)
commented
Priority: Normal » Major
StatusFileSize
new 000-seven-form-css-sanity.patch1.57 KB

Absolutely agree. The current text sizes for forms are abysmal.

Revised patch also catches the dl.multiselect select item which affects some forms.

yoroy’s picture

yoroy commented

Subscribe

moshe weitzman’s picture

moshe weitzman commented
Status: Needs review » Reviewed & tested by the community

Yes, this is tiresome

sun’s picture

sun
Primary language German
Location Karlsruhe
commented
Status: Reviewed & tested by the community » Needs review
StatusFileSize
new seven-font-size.png52.73 KB

Good start, but there's more to it:

seven-font-size.png

markabur’s picture

markabur commented

Glad to see this issue... just yesterday I was talking to a coworker about it. This is a content management system, so the content-editing areas are arguably the most important part of the page. Stuff in text areas and inputs should be bigger than help text and at least as big as field labels.

yoroy’s picture

yoroy commented

I wonder if we can find the issue that introduced this, getting a feeling we're fighting symptoms

sun’s picture

sun
Primary language German
Location Karlsruhe
commented

Good thinking. #849642: Regression: Absolute font-sizes used in Seven

sun’s picture

sun
Primary language German
Location Karlsruhe
commented
Status: Needs review » Closed (duplicate)

Actually duplicate of aforementioned issue/patch, which should be reverted IMO.