View Single Post
Old 07-13-2022, 05:40 PM   #31
JSWolf
Resident Curmudgeon
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
JSWolf's Avatar
 
Posts: 79,970
Karma: 147448039
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
Quote:
Originally Posted by bookman156 View Post
That's quite an interesting idea, could be like an invisible email tracking pixel, though that seems a bit of a hack. If using a visible image as a fleuron that could be put on an hr tag anyway, but then may as well use an invisible hr of zero width, as originally suggested by the accessibility expert.
Your accessibility expert is wrong. Text in the alt field of an image is designed for a program reading the book. It can't read the image but it can read the description of the image. So don't use <hr/> of any type and forget fleurons unless you have one as a graphic image.

One thing I really dislike as it looks really ugly is * * * for the section break. I've even seen this as a graphic. It's ugly no matter what. A line, a fleuron, a symbol, etc work well. Just make it a graphic so you can use alt to describe it.

Code:
<div class-"sectionbreak">
<img alt="section break" src="images/sectionbreak.jpg"/>
</div>
Code:
.sectionbreak {
  padding-top: 0.8em;
  padding-bottom: 0.8em;
  text-align: center;
  text-indent: 0;
}
JSWolf is offline   Reply With Quote