tag:forum.selfhtml.org,2005:/self 1.1.1b Alternativtexte für Grafiken und Objekte – Meta-Forum (read only) 2017-06-23T07:19:47Z https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696184#m1696184 Christian Kruse https://wwwtech.de/about 2017-06-09T20:20:03Z 2017-06-09T20:20:03Z 1.1.1b Alternativtexte für Grafiken und Objekte <p>Hallo,</p> <p>ich habe die Buttons und den Bilder-Upload dahingehend überarbeitet, dass jetzt nicht mehr ein Platzhalter-Text markiert wird, sondern dass es ein Popup gibt, dass die Werte abfragt. Damit ist das ganze deutlich offensichtlicher. Ich habe mich bemüht, das Popup möglichst barrierearm zu gestalten, dazu habe ich mich an dem <a href="https://github.com/gdkraus/accessible-modal-dialog" rel="noopener noreferrer">The Incredible Accessible Modal Window</a> von Greg Kraus orientiert.</p> <p>Meinungen?</p> <p>LG,<br> CK</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696295#m1696295 Auge 2017-06-12T06:43:15Z 2017-06-12T06:43:15Z 1.1.1b Alternativtexte für Grafiken und Objekte <p>Hallo</p> <p><a href="/images/c212fe73-9b60-41ef-9834-343711771345.jpg" rel="noopener noreferrer"><img src="/images/c212fe73-9b60-41ef-9834-343711771345.jpg?size=medium" alt="Vogelschiss auf Fahrradsattel" title="Beschissenes Ende eines beschissenen Tags." loading="lazy"></a></p> <p>Dass das Texteingabefeld ausgheblendet wird, wenn ein Bild reingezogen wird, wird schon mal die Fehlplatzierungen beim droppen verhindern. Das Formular für die Alt- und Title-Tags kommt erst einmal überraschend groß daher (am Desktopbrowser), letzten Endes finde ich das aber gut so.</p> <p>Tschö, Auge</p> <div class="signature">-- <br> Wenn man ausreichende Vorsichtsmaßnahmen trifft, muss man keine Vorsichtsmaßnahmen mehr treffen.<br> Toller Dampf voraus von Terry Pratchett </div> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696444#m1696444 marctrix self@mhis.de http://mhis.de 2017-06-14T05:13:18Z 2017-06-14T05:13:18Z 1.1.1b Alternativtexte für Grafiken und Objekte <p>Hej Christian,</p> <blockquote> <p>ich habe die Buttons und den Bilder-Upload dahingehend überarbeitet, dass jetzt nicht mehr ein Platzhalter-Text markiert wird, sondern dass es ein Popup gibt, dass die Werte abfragt. Damit ist das ganze deutlich offensichtlicher. Ich habe mich bemüht, das Popup möglichst barrierearm zu gestalten, dazu habe ich mich an dem <a href="https://github.com/gdkraus/accessible-modal-dialog" rel="noopener noreferrer">The Incredible Accessible Modal Window</a> von Greg Kraus orientiert.</p> </blockquote> <p>Warum das nicht gleich nehmen? - es hat aber auch Probleme - so lassen sich bei kleinen Bildschirmen (und vermutlich bei vergrößerter Dartsellung) die unteren Eingabefelder nicht mehr in den sichtbaren Bereich holen.</p> <blockquote> <p>Meinungen?</p> </blockquote> <p>Den Bilderupload ohne Maus zu starten gelingt mir nicht.</p> <p>Den Fokus auf dem Schließen-X würde ich stärker hervorheben. Generell darf man bei Pop-Ups nicht auf die dahinter verborgene Seite gelangen. Das ist hier möglich (wenn auch nur durch Nutzung der Maus).</p> <p>Obwohl das durch einen Klick in das PopUp rückgängig gemacht werden kann, ist es verwirrend.</p> <p>Das Original, nach dem du dich gerichtet hast, hat **dieses **Problem nicht. Man kann zwar auch auf die darunter liegende Seite klicken (was verwirrend sein kann), aber ein erneutes Betätigen der Tabulator-Taste bringt den Fokus direkt wieder in das Formular.</p> <p>Ich versuche mal ein besseres Beispiel zu finden. Ich meine, ich hätte was in Lea Verous 100 CSS Secrets gesehen... - egal werde schon was finden.</p> <p>Marc</p> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696751#m1696751 Matthias Apsel matthias.apsel@selfhtml.org http://brückentage.info 2017-06-17T19:15:02Z 2017-06-17T19:15:02Z Popup für Eingabe der Code-Sprache <p>Hallo Christian Kruse,</p> <blockquote> <p>ich habe die Buttons und den Bilder-Upload dahingehend überarbeitet, dass jetzt nicht mehr ein Platzhalter-Text markiert wird, sondern dass es ein Popup gibt, dass die Werte abfragt.</p> </blockquote> <p>Bei der Eingabe der Code-Sprache ist es nicht intiutiv möglich keine Sprache anzugeben weil die options die Buttons verdecken. Vielleicht sollte der erste Eintrag "unbekannt" heißen.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Rosen sind rot. </div> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696447#m1696447 Christian Kruse https://wwwtech.de/about 2017-06-14T05:18:26Z 2017-06-14T05:18:26Z 1.1.1b Alternativtexte für Grafiken und Objekte <p>Hallo marctrix,</p> <blockquote> <p>Warum das nicht gleich nehmen?</p> </blockquote> <p>Weil der Sourcecode sich so nicht als Komponente verwenden lässt. Ohne Anpassungen ist das nicht benutzbar.</p> <blockquote> <blockquote> <p>Meinungen?</p> </blockquote> <p>Den Bilderupload ohne Maus zu starten gelingt mir nicht.</p> </blockquote> <p>Dass das irgendwann kommen wird hab ich mir schon fast gedacht das ging noch nie… hatte ich aber schon auf dem Schirm.</p> <blockquote> <p>Generell darf man bei Pop-Ups nicht auf die dahinter verborgene Seite gelangen. Das ist hier möglich (wenn auch nur durch Nutzung der Maus).</p> </blockquote> <p>Hu? Hier nicht, man wird wieder in das Popup fokussiert. Ich hatte da eigentlich drauf geachtet. Was tust du, um das auszulösen?</p> <p>LG,<br> CK</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696454#m1696454 Christian Kruse https://wwwtech.de/about 2017-06-14T05:58:31Z 2017-06-14T05:58:31Z 1.1.1b Alternativtexte für Grafiken und Objekte <p>Hallo marctrix,</p> <p>auf die eigentliche Intention, dem User einen größeren Impetus zu geben sinnvolle Alt-Texte anzugeben, bist du nicht eingegangen… </p> <p>LG,<br> CK</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696686#m1696686 Christian Kruse https://wwwtech.de/about 2017-06-16T13:08:12Z 2017-06-16T13:08:12Z 1.1.1b Alternativtexte für Grafiken und Objekte <p>Hallo marctrix,</p> <blockquote> <p>Den Fokus auf dem Schließen-X würde ich stärker hervorheben.</p> </blockquote> <p>✅ done.</p> <p>LG,<br> CK</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696712#m1696712 Christian Kruse https://wwwtech.de/about 2017-06-16T20:31:19Z 2017-06-16T20:31:19Z 1.1.1b Alternativtexte für Grafiken und Objekte <p>Hallo marctrix,</p> <blockquote> <p>Den Bilderupload ohne Maus zu starten gelingt mir nicht.</p> </blockquote> <p>✅ Fixed. Ich habe einen Button hinzugefügt, der die Dropzone auslöst.</p> <p>LG,<br> CK</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696449#m1696449 marctrix self@mhis.de http://mhis.de 2017-06-14T05:43:09Z 2017-06-14T05:43:09Z 1.1.1b Alternativtexte für Grafiken und Objekte <p>Hej Christian,</p> <blockquote> <blockquote> <p>Warum das nicht gleich nehmen?</p> </blockquote> <p>Weil der Sourcecode sich so nicht als Komponente verwenden lässt. Ohne Anpassungen ist das nicht benutzbar.</p> </blockquote> <p>Als hätte ich es geahnt </p> <blockquote> <blockquote> <blockquote> <p>Meinungen?</p> </blockquote> <p>Den Bilderupload ohne Maus zu starten gelingt mir nicht.</p> </blockquote> <p>Dass das irgendwann kommen wird hab ich mir schon fast gedacht das ging noch nie… hatte ich aber schon auf dem Schirm.</p> </blockquote> <p>Prima!</p> <blockquote> <blockquote> <p>Generell darf man bei Pop-Ups nicht auf die dahinter verborgene Seite gelangen. Das ist hier möglich (wenn auch nur durch Nutzung der Maus).</p> </blockquote> <p>Hu? Hier nicht, man wird wieder in das Popup fokussiert. Ich hatte da eigentlich drauf geachtet. Was tust du, um das auszulösen?</p> </blockquote> <p>Außerhalb des Modals klicken (ich weiß, ich bin gemein) - dann kommt der Fokus tatsächlich auch nicht wieder zurück (vielleicht wenn man alle dahinter liegenden fokussierbaren Elemente durch hat. Hatte nicht genug Geduld, das zu testen).</p> <p>Nur mit der Tastatur allein komme ich nciht raus!</p> <p>Aber das andere sollte sich auch beheben lassen. Man braucht halt ein div mit einem relativ hohen z-index über der eigentlichen Seite, so dass man an die nicht mehr dran kommt.</p> <p>Marc</p> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696450#m1696450 marctrix self@mhis.de http://mhis.de 2017-06-14T05:45:12Z 2017-06-14T05:45:12Z 1.1.1b Alternativtexte für Grafiken und Objekte <blockquote> <p>Aber das andere sollte sich auch beheben lassen. Man braucht halt ein div mit einem relativ hohen z-index über der eigentlichen Seite, so dass man an die nicht mehr dran kommt.</p> </blockquote> <p>Ich sehe gerade, das ist genau, was du tust. Seltsam…</p> <p>Habe jetzt auch keine Idee, warum ich dennoch auf die darunter liegende Seite komme (FF aktuell, Win10)</p> <p>Marc</p> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696451#m1696451 Christian Kruse https://wwwtech.de/about 2017-06-14T05:50:41Z 2017-06-14T05:50:41Z 1.1.1b Alternativtexte für Grafiken und Objekte <p>Hallo marctrix,</p> <blockquote> <blockquote> <p>Aber das andere sollte sich auch beheben lassen. Man braucht halt ein div mit einem relativ hohen z-index über der eigentlichen Seite, so dass man an die nicht mehr dran kommt.</p> </blockquote> </blockquote> <p>Nein, das <code>z-index</code> reicht nicht, man muss zusätzlich den Focus „fangen.“</p> <blockquote> <p>Ich sehe gerade, das ist genau, was du tust. Seltsam…</p> <p>Habe jetzt auch keine Idee, warum ich dennoch auf die darunter liegende Seite komme (FF aktuell, Win10)</p> </blockquote> <p>Es sieht mir dann eher nach einem Bug in <a href="https://github.com/ckruse/cforum/blob/master/app/assets/javascripts/auto/modal.js#L86" rel="noopener noreferrer">trapTabkey()</a> aus…</p> <p>LG,<br> CK</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696455#m1696455 marctrix self@mhis.de http://mhis.de 2017-06-14T06:02:48Z 2017-06-14T06:02:48Z 1.1.1b Alternativtexte für Grafiken und Objekte <p>Hej Christian,</p> <blockquote> <blockquote> <blockquote> <p>Aber das andere sollte sich auch beheben lassen. Man braucht halt ein div mit einem relativ hohen z-index über der eigentlichen Seite, so dass man an die nicht mehr dran kommt.</p> </blockquote> </blockquote> <p>Nein, das <code>z-index</code> reicht nicht, man muss zusätzlich den Focus „fangen.“</p> </blockquote> <p>Nicht um Mausklicks abzufangen, so weit ich weiß.</p> <blockquote> <blockquote> <p>Ich sehe gerade, das ist genau, was du tust. Seltsam…</p> <p>Habe jetzt auch keine Idee, warum ich dennoch auf die darunter liegende Seite komme (FF aktuell, Win10)</p> </blockquote> <p>Es sieht mir dann eher nach einem Bug in <a href="https://github.com/ckruse/cforum/blob/master/app/assets/javascripts/auto/modal.js#L86" rel="noopener noreferrer">trapTabkey()</a> aus…</p> </blockquote> <p>Hmmm… - wie gesagt nutze ich für meinen "Ausbruch" die Maus.</p> <p>Marc</p> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696456#m1696456 marctrix self@mhis.de http://mhis.de 2017-06-14T06:04:09Z 2017-06-14T06:04:09Z 1.1.1b Alternativtexte für Grafiken und Objekte <p>Hej Christian,</p> <blockquote> <p>auf die eigentliche Intention, dem User einen größeren Impetus zu geben sinnvolle Alt-Texte anzugeben, bist du nicht eingegangen… </p> </blockquote> <p>Wozu? Das ist super. Wenn ich nicht meckern tu, ist das doch Lob genug, oder? Marc</p> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696458#m1696458 Christian Kruse https://wwwtech.de/about 2017-06-14T06:13:10Z 2017-06-14T06:13:10Z 1.1.1b Alternativtexte für Grafiken und Objekte <p>Hallo marctrix,</p> <blockquote> <blockquote> <blockquote> <blockquote> <p>Aber das andere sollte sich auch beheben lassen. Man braucht halt ein div mit einem relativ hohen z-index über der eigentlichen Seite, so dass man an die nicht mehr dran kommt.</p> </blockquote> </blockquote> <p>Nein, das <code>z-index</code> reicht nicht, man muss zusätzlich den Focus „fangen.“</p> </blockquote> <p>Nicht um Mausklicks abzufangen, so weit ich weiß.</p> </blockquote> <p>Das passiert jetzt ja auch. Du kannst z. B. keinen der Buttons anklicken. Nur geht der Focus dann nicht mehr zurück ins Popup, was eigentlich passieren sollte. Und ich denke, dass <strong>das</strong> an der verlinkten Methode liegt.</p> <p>LG,<br> CK</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696690#m1696690 Christian Kruse https://wwwtech.de/about 2017-06-16T13:21:40Z 2017-06-16T13:21:40Z 1.1.1b Alternativtexte für Grafiken und Objekte <p>Hallo marctrix,</p> <blockquote> <p>Hej Christian,</p> <blockquote> <p>auf die eigentliche Intention, dem User einen größeren Impetus zu geben sinnvolle Alt-Texte anzugeben, bist du nicht eingegangen… </p> </blockquote> <p>Wozu? Das ist super. Wenn ich nicht meckern tu, ist das doch Lob genug, oder? </p> </blockquote> <p>Hehe. Ich wollte nicht auf Lob hinaus, sondern auf eine Einschätzung ob das zielführend im Sinne der Kritik aus dem Fragebogen ist.</p> <p>LG,<br> CK</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1697359#m1697359 Tabellenkalk 2017-06-23T07:05:28Z 2017-06-23T07:05:28Z 1.1.1b Alternativtexte für Grafiken und Objekte <p>Hallo,</p> <blockquote> <p>Wenn ich nicht meckern tu, ist das doch Lob genug, oder? </p> </blockquote> <p>ähm, nein? Selbst wenn du Norddeutscher wärst: Nein.</p> <p>Gruß<br> Kalk</p> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696463#m1696463 marctrix self@mhis.de http://mhis.de 2017-06-14T06:29:48Z 2017-06-14T06:29:48Z 1.1.1b Alternativtexte für Grafiken und Objekte <p>Hej Christian,</p> <blockquote> <blockquote> <blockquote> <blockquote> <blockquote> <p>Aber das andere sollte sich auch beheben lassen. Man braucht halt ein div mit einem relativ hohen z-index über der eigentlichen Seite, so dass man an die nicht mehr dran kommt.</p> </blockquote> </blockquote> <p>Nein, das <code>z-index</code> reicht nicht, man muss zusätzlich den Focus „fangen.“</p> </blockquote> <p>Nicht um Mausklicks abzufangen, so weit ich weiß.</p> </blockquote> <p>Das passiert jetzt ja auch. Du kannst z. B. keinen der Buttons anklicken. Nur geht der Focus dann nicht mehr zurück ins Popup, was eigentlich passieren sollte. Und ich denke, dass <strong>das</strong> an der verlinkten Methode liegt.</p> </blockquote> <p>Ah - man landet dann also im div, der die restliche Seite verdeckt. Damit das nicht passiert: wie wäre es statt des divs mit einem Pseudolement innerhalb des Modals. 100vh hoch und 100vw breit. Müsste man noch dafür sorgen, dass nicht geschellt werden kann, bei geöffnetem Modal…</p> <p>Ein Klick darauf sollte aber den Nutzer im Modal halten!</p> <p>Marc</p> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696685#m1696685 Christian Kruse https://wwwtech.de/about 2017-06-16T13:05:17Z 2017-06-16T13:05:17Z 1.1.1b Alternativtexte für Grafiken und Objekte <p>Hallo marctrix,</p> <blockquote> <p>Ah - man landet dann also im div, der die restliche Seite verdeckt. Damit das nicht passiert: wie wäre es statt des divs mit einem Pseudolement innerhalb des Modals. 100vh hoch und 100vw breit. Müsste man noch dafür sorgen, dass nicht geschellt werden kann, bei geöffnetem Modal…</p> </blockquote> <p>Ich habs so gelassen, wie es ist, nur dass ich den Fehler gefixed hab </p> <p>Um den Focus zurück in das Popup zu setzen habe ich alle <code>focusin</code>-Aktionen auf <code>main</code> abgefangen und in das Modal zurück gesetzt. Dummerweise habe ich nicht daran gedacht, dass der Header und der Footer nicht im <code>main</code> sind; ich habe das jetzt in einen Container gewrappt und fange <code>focusin</code> jetzt nur noch darauf ab. Jetzt funktioniert es soweit.</p> <p>Hm, vielleicht kann man auf den Container auch verzichten, wenn ich explizit einen Selektor <code>.flex-container, footer</code> wähle. Wobei <code>.flex-container</code> noch ein sinnvoller Bezeichner sein sollte.</p> <p>LG,<br> CK</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696704#m1696704 Matthias Apsel matthias.apsel@selfhtml.org http://brückentage.info 2017-06-16T15:55:12Z 2017-06-16T15:55:12Z 1.1.1b Alternativtexte für Grafiken und Objekte <p>Hallo Christian Kruse,</p> <blockquote> <p>Hm, vielleicht kann man auf den Container auch verzichten, wenn ich explizit einen Selektor <code>.flex-container, footer</code> wähle. Wobei <code>.flex-container</code> noch ein sinnvoller Bezeichner sein sollte.</p> </blockquote> <p>Wenn der Container nun aber ausschließlich dem Zwecke dient, ein Container für flex-Elemente zu sein?</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Rosen sind rot. </div> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696705#m1696705 Christian Kruse https://wwwtech.de/about 2017-06-16T16:00:06Z 2017-06-16T16:00:06Z 1.1.1b Alternativtexte für Grafiken und Objekte <p>Hallo Matthias,</p> <blockquote> <blockquote> <p>Hm, vielleicht kann man auf den Container auch verzichten, wenn ich explizit einen Selektor <code>.flex-container, footer</code> wähle. Wobei <code>.flex-container</code> noch ein sinnvoller Bezeichner sein sollte.</p> </blockquote> <p>Wenn der Container nun aber ausschließlich dem Zwecke dient, ein Container für flex-Elemente zu sein?</p> </blockquote> <p>Das ist in dem Fall ja egal. Ich brauche nur einen Selektor, der mir alles außer den Modals liefert, damit die Focus-Events abgefangen werden können.</p> <p>LG,<br> CK</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696717#m1696717 Matthias Apsel matthias.apsel@selfhtml.org http://brückentage.info 2017-06-16T22:08:15Z 2017-06-16T22:08:15Z 1.1.1b Alternativtexte für Grafiken und Objekte <p>Hallo Christian Kruse,</p> <blockquote> <p>✅ Fixed. Ich habe einen Button hinzugefügt, der die Dropzone auslöst.</p> </blockquote> <p>Hm. Warum hast du ihn unsichtbar gemacht?</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Rosen sind rot. </div> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696724#m1696724 Christian Kruse https://wwwtech.de/about 2017-06-17T04:02:50Z 2017-06-17T04:02:50Z 1.1.1b Alternativtexte für Grafiken und Objekte <p>Hallo Matthias,</p> <blockquote> <blockquote> <p>✅ Fixed. Ich habe einen Button hinzugefügt, der die Dropzone auslöst.</p> </blockquote> <p>Hm. Warum hast du ihn unsichtbar gemacht?</p> </blockquote> <p>Habe ich nicht. Nur die Button decorations sind entfernt.</p> <p>LG,<br> CK</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696734#m1696734 marctrix self@mhis.de http://mhis.de 2017-06-17T07:14:15Z 2017-06-17T07:14:15Z 1.1.1b Alternativtexte für Grafiken und Objekte <p>Hej Christian,</p> <blockquote> <blockquote> <blockquote> <p>✅ Fixed. Ich habe einen Button hinzugefügt, der die Dropzone auslöst.</p> </blockquote> <p>Hm. Warum hast du ihn unsichtbar gemacht?</p> </blockquote> <p>Habe ich nicht. Nur die Button decorations sind entfernt.</p> </blockquote> <p>Ich finde den Einwand von Matthias berechtigt. Ob man nun den Button gar nicht sieht oder ob man nicht sieht, dass ist kein Button ist, macht keinen großen Unterschied.</p> <p>Ich nehme an, das ist auch der Grund dafür, dass ich so lange nicht verstanden habe, dass es überhaupt eine Möglichkeit gibt, Bilder hochzuladen.</p> <p>Auch hier wieder: da es bestimmte Funktionen gibt, die nur ab einer bestimmten Punktzahl freigeschaltet werden, kann man leicht dazu gebracht werden, anzunehmen, dass man ein bestimmtes Feature noch nicht freigeschaltet hat.</p> <p>Wenn es einen Button gibt, interessiert es normalerweise auch, wofür der ist und was er macht. Da kommt man dann eher auf die Idee, mal den Text Drumherum zu lesen.</p> <p>Außerdem gefällt mir nicht, dass der Satz „Bitte beachten Sie die Nutzungsbedingungen“ mit in der Fläche ist. Das ganze hat eher etwas von einem Fließtext mit einem integrierten Link, als von einem Bedienelement.</p> <p>Weiter finde ich die Platzierung unter dem Eingabefeld problematisch. Eine−Bild-einfügen−Funktion würde ich eher in der Werkzeugleiste des Editors suchen.</p> <p>Das ist zwar nicht so schick wie eine Fläche in die man ein Bild hinein ziehen kann, aber ich persönlich nutze das hineinziehen ohnehin fast nie. Grund: dazu muss ich erst einen Datei Browser öffnen, dort dann meine Datei suchen, und die dann in das Browserfenster ziehen, dass vielleicht inzwischen im Hintergrund gelandet ist. Stattdessen einen Button Bild hochladen aus zu wählen, und von dort aus zu der Datei zu navigieren, ist für mich in den allermeisten Fällen der sehr viel kürzerer Weg.</p> <p>Insofern würde ich eine Fläche in die man ein Bild droppen kann allenfalls als <strong>zusätzliche</strong> Möglichkeit anbieten.</p> <p>Marc</p> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696737#m1696737 Christian Kruse https://wwwtech.de/about 2017-06-17T08:04:57Z 2017-06-17T08:04:57Z 1.1.1b Alternativtexte für Grafiken und Objekte <p>Hallo marctrix,</p> <blockquote> <blockquote> <blockquote> <blockquote> <p>✅ Fixed. Ich habe einen Button hinzugefügt, der die Dropzone auslöst.</p> </blockquote> <p>Hm. Warum hast du ihn unsichtbar gemacht?</p> </blockquote> <p>Habe ich nicht. Nur die Button decorations sind entfernt.</p> </blockquote> <p>Ich finde den Einwand von Matthias berechtigt.</p> </blockquote> <p>Ich habe keinen Einwand gesehen… mir ging es um die Beseitigung des Problems, dass die Dropzone nicht mit der Tastatur bedienbar ist.</p> <blockquote> <p>Ob man nun den Button gar nicht sieht oder ob man nicht sieht, dass ist kein Button ist, macht keinen großen Unterschied.</p> </blockquote> <p>Man kann ihn antabben; der Button war in meiner Wahrnehmung überhaupt nicht notwendig für die Dropzone selber, da sie mir selbsterklärend erschien. Man sieht diese Dropzones schließlich in allen möglichen Ecken des Internets, inklusive Gmail.</p> <blockquote> <p>Weiter finde ich die Platzierung unter dem Eingabefeld problematisch. Eine−Bild-einfügen−Funktion würde ich eher in der Werkzeugleiste des Editors suchen.</p> </blockquote> <p>Dadurch, dass es zwei Möglichkeiten gibt, ein Bild einzubinden (einmal als externe Referenz, einmal zum Upload), habe ich bewusst auf einen Button in der Toolbar verzichtet. Zwei sehr ähnliche Buttons in der Toolbar fand ich nicht zielführend.</p> <p>Man könnte natürlich jetzt auch hingehen und die Option, externe Bilder einzubinden abschaffen. Damit hätte ich persönlich auch echt kein Problem. Leider gibt es Leute, die sich an den Nutzungsbedingungen stoßen; sie glauben, wir würden die Bilder nutzen, um damit Kohle zu scheffeln. Das ist natürlich Unsinn, aber die Menschen haben halt so ihre Vorstellungen…</p> <p>Mir persönlich ist es auch recht, wenn wir sagen, dass wir darauf keine Rücksicht nehmen. Man kann es nicht jedem Recht machen. Doch das ist auch nicht meine Entscheidung. In dem Fall hätte ich auch keine Probleme damit, den Bild-Button in der Toolbar umzubiegen auf die Dropzone.</p> <blockquote> <p>Das ist zwar nicht so schick wie eine Fläche in die man ein Bild hinein ziehen kann, aber ich persönlich nutze das hineinziehen ohnehin fast nie. Grund: dazu muss ich erst einen Datei Browser öffnen, dort dann meine Datei suchen, und die dann in das Browserfenster ziehen, dass vielleicht inzwischen im Hintergrund gelandet ist. Stattdessen einen Button Bild hochladen aus zu wählen, und von dort aus zu der Datei zu navigieren, ist für mich in den allermeisten Fällen der sehr viel kürzerer Weg.</p> </blockquote> <p>Ich persönlich sehe das sehr ähnlich, aber drag'n'drop ist meiner Erfahrung nach der bevorzugte Weg vieler unerfahrener User. Sie haben das Konzept irgendwann gelernt und wenden es dann an und erwarten, dass es funktioniert. Und das finde ich durchaus auch legitim. Abschaffen wäre also IMHO die falsche Wahl.</p> <blockquote> <p>Insofern würde ich eine Fläche in die man ein Bild droppen kann allenfalls als <strong>zusätzliche</strong> Möglichkeit anbieten.</p> </blockquote> <p>Ich würde gerne erst die oben genannten Fragen klären </p> <p>LG,<br> CK</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696740#m1696740 Matthias Apsel matthias.apsel@selfhtml.org http://brückentage.info 2017-06-17T11:56:51Z 2017-06-17T11:56:51Z 1.1.1b Alternativtexte für Grafiken und Objekte <p>Hallo Christian Kruse,</p> <blockquote> <blockquote> <p>Insofern würde ich eine Fläche in die man ein Bild droppen kann allenfalls als <strong>zusätzliche</strong> Möglichkeit anbieten.</p> </blockquote> <p>Ich würde gerne erst die oben genannten Fragen klären </p> </blockquote> <p>Vielleicht könnte man einfach innerhalb des neuen zugänglichen Bild-einfügen-Formulars auch einen "normalen" Fileupload anbieten.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Rosen sind rot. </div> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696745#m1696745 marctrix self@mhis.de http://mhis.de 2017-06-17T14:19:39Z 2017-06-17T14:19:39Z 1.1.1b Alternativtexte für Grafiken und Objekte <p>Hej Christian,</p> <p>Im letzten Posting habe ich meine eigene Sichtweise als Nutzer beschrieben. Das soll auf keinen Fall als Massstab gelten, nur als Anregung.</p> <p>Leider kann ich in dieser Hinsicht (sichtbarer Button oder so lassen) nicht sagen, was besser ist. Dass hinter dem Button in der Werkzeugleiste was anderes steckt, als hinter der Dropzone, war mir gar nicht mehr bewusst. Ich verstehe jetzt, wozu der gut und nötig ist - aus Nutzersicht ist das aber echt nicht zu verstehen. Mir persönlich war es jedenfalls bis zu deiner Erklärung eben nicht klar.</p> <p>Vielleicht ist das aber auch nur mein Problem. - Hätte wohl besser die Nutzungsbedingungen gelesen </p> <p>Marc</p> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696741#m1696741 Christian Kruse https://wwwtech.de/about 2017-06-17T12:34:20Z 2017-06-17T12:34:20Z 1.1.1b Alternativtexte für Grafiken und Objekte <p>Hallo Matthias,</p> <blockquote> <blockquote> <blockquote> <p>Insofern würde ich eine Fläche in die man ein Bild droppen kann allenfalls als <strong>zusätzliche</strong> Möglichkeit anbieten.</p> </blockquote> <p>Ich würde gerne erst die oben genannten Fragen klären </p> </blockquote> <p>Vielleicht könnte man einfach innerhalb des neuen zugänglichen Bild-einfügen-Formulars auch einen "normalen" Fileupload anbieten</p> </blockquote> <p>Ich möchte die Möglichkeiten eigentlich begrenzen, nicht vergrößern Weniger Komplexität statt mehr.</p> <p>LG,<br> CK</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696747#m1696747 Christian Kruse https://wwwtech.de/about 2017-06-17T14:35:03Z 2017-06-17T14:35:03Z 1.1.1b Alternativtexte für Grafiken und Objekte <p>Hallo marctrix,</p> <blockquote> <p>Im letzten Posting habe ich meine eigene Sichtweise als Nutzer beschrieben. Das soll auf keinen Fall als Massstab gelten, nur als Anregung.</p> </blockquote> <p>Alles gut, ich hatte das nicht negativ aufgefasst. Ich hatte nur versucht die Probleme darzulegen, damit du nachvollziehen kannst warum Entscheidungen gefallen sind wie sie gefallen sind und ggfls Alternativ-Ideen geäußert werden können.</p> <blockquote> <p>Leider kann ich in dieser Hinsicht (sichtbarer Button oder so lassen) nicht sagen, was besser ist. Dass hinter dem Button in der Werkzeugleiste was anderes steckt, als hinter der Dropzone, war mir gar nicht mehr bewusst. Ich verstehe jetzt, wozu der gut und nötig ist - aus Nutzersicht ist das aber echt nicht zu verstehen.</p> </blockquote> <p>Ja, das ist mir schon bewusst. Aber ich habe noch keine gute Alternative. Ich habe das schon ein paar mal angemerkt: wir sind auf Mithilfe von der Community angewiesen </p> <blockquote> <p>Vielleicht ist das aber auch nur mein Problem.</p> </blockquote> <p>Das fällt mir schwer zu glauben </p> <p>LG,<br> CK</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696752#m1696752 Christian Kruse https://wwwtech.de/about 2017-06-17T19:17:43Z 2017-06-17T19:17:43Z Popup für Eingabe der Code-Sprache <p>Hallo Matthias,</p> <blockquote> <blockquote> <p>ich habe die Buttons und den Bilder-Upload dahingehend überarbeitet, dass jetzt nicht mehr ein Platzhalter-Text markiert wird, sondern dass es ein Popup gibt, dass die Werte abfragt.</p> </blockquote> <p>Bei der Eingabe der Code-Sprache ist es nicht intiutiv möglich keine Sprache anzugeben weil die options die Buttons verdecken.</p> </blockquote> <p>Es gibt keine Options. Das ist ein Eingabefeld, dass autocompleted wird.</p> <blockquote> <p>Vielleicht sollte der erste Eintrag "unbekannt" heißen.</p> </blockquote> <p>Das geht nicht, das ist ein Texteingabefeld. Und das sollte es auch bleiben, sonst müsste <a href="http://pygments.org/languages/" rel="nofollow noopener noreferrer">entweder die Liste sehr lang werden</a> oder man müsste massiv kürzen.</p> <p>Nein, da müssen wir uns IMHO was anderes einfallen lassen…</p> <p>LG,<br> CK</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696798#m1696798 Matthias Apsel matthias.apsel@selfhtml.org http://brückentage.info 2017-06-18T10:50:48Z 2017-06-18T10:50:48Z Popup für Eingabe der Code-Sprache <p>Hallo Christian Kruse,</p> <blockquote> <p>Das geht nicht, das ist ein Texteingabefeld. Und das sollte es auch bleiben, sonst müsste <a href="http://pygments.org/languages/" rel="nofollow noopener noreferrer">entweder die Liste sehr lang werden</a> oder man müsste massiv kürzen.</p> </blockquote> <p>Also ich habe in die <a href="https://github.com/ckruse/cforum/blob/d30f698426c7d5f0a87e8c4d638aa25647cd43b2/app/views/messages/_md_modals.html.erb" rel="noopener noreferrer">app/views/messages/_md_modals.html.erb</a> folgendes eingefügt:</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>datalist</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>md-code-languages<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>option</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>unbekannt<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>option</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>HTML<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>option</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>CSS<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> </code></pre> <p>und damit genau das erreicht, was ich erreichen wollte.</p> <p>Eventuell könnte man hinterher das Wort "unbekannt" entfernen, damit nicht die Klasse <code>.language-unbekannt</code> gesetzt wird oder man macht aus dem "unbekannt" ein "unknown".</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Rosen sind rot. </div> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696841#m1696841 Christian Kruse https://wwwtech.de/about 2017-06-19T05:30:41Z 2017-06-19T05:30:41Z Popup für Eingabe der Code-Sprache <p>Hallo Matthias,</p> <blockquote> <p>Also ich habe in die <a href="https://github.com/ckruse/cforum/blob/d30f698426c7d5f0a87e8c4d638aa25647cd43b2/app/views/messages/_md_modals.html.erb" rel="noopener noreferrer">app/views/messages/_md_modals.html.erb</a> folgendes eingefügt:</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>datalist</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>md-code-languages<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>option</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>unbekannt<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>option</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>HTML<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>option</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>CSS<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> </code></pre> <p>und damit genau das erreicht, was ich erreichen wollte.</p> </blockquote> <p>Nein, es sieht höchstens so aus.</p> <blockquote> <p>Eventuell könnte man hinterher das Wort "unbekannt" entfernen,</p> </blockquote> <p>Uarghs, nein. Was, wenn man das <code>unbekannt</code> mal ersetzt durch ein anderes Wort?</p> <blockquote> <p>damit nicht die Klasse <code>.language-unbekannt</code> gesetzt wird</p> </blockquote> <p>Sag ich doch, es hat nicht funktioniert </p> <blockquote> <p>oder man macht aus dem "unbekannt" ein "unknown".</p> </blockquote> <p>Siehe oben… solche Hacks sind ausgesprochen zerbrechlich. Davon ist immer abzuraten.</p> <p>LG,<br> CK</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696843#m1696843 Matthias Apsel matthias.apsel@selfhtml.org http://brückentage.info 2017-06-19T05:34:38Z 2017-06-19T05:34:38Z Popup für Eingabe der Code-Sprache <p>Hallo Christian Kruse,</p> <blockquote> <p>Uarghs, nein. Was, wenn man das <code>unbekannt</code> mal ersetzt durch ein anderes Wort?</p> <blockquote> <p>damit nicht die Klasse <code>.language-unbekannt</code> gesetzt wird</p> </blockquote> <p>Sag ich doch, es hat nicht funktioniert </p> </blockquote> <p>Was, wenn jemand ohne das Popup <code>~~~mir-doch-egal</code> schreibt?</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Rosen sind rot. </div> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1696844#m1696844 Christian Kruse https://wwwtech.de/about 2017-06-19T05:37:54Z 2017-06-19T05:37:54Z Popup für Eingabe der Code-Sprache <p>Hallo Matthias,</p> <blockquote> <blockquote> <p>Uarghs, nein. Was, wenn man das <code>unbekannt</code> mal ersetzt durch ein anderes Wort?</p> <blockquote> <p>damit nicht die Klasse <code>.language-unbekannt</code> gesetzt wird</p> </blockquote> <p>Sag ich doch, es hat nicht funktioniert </p> </blockquote> <p>Was, wenn jemand ohne das Popup <code>~~~mir-doch-egal</code> schreibt?</p> </blockquote> <p>Dann hat der User sicherlich einen Grund dafür gehabt.</p> <p>LG,<br> CK</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1697361#m1697361 marctrix self@mhis.de http://mhis.de 2017-06-23T07:15:40Z 2017-06-23T07:15:40Z 1.1.1b Alternativtexte für Grafiken und Objekte <p>Hej Tabellenkalk,</p> <blockquote> <blockquote> <p>Wenn ich nicht meckern tu, ist das doch Lob genug, oder? </p> </blockquote> <p>ähm, nein? Selbst wenn du Norddeutscher wärst: Nein.</p> </blockquote> <p>Ich hatte eine Rückmeldung dazu schlicht vergessen und meine Antwort hat nicht ohne Grund einen Smiley…</p> <p>Marc</p> https://forum.selfhtml.org/meta/2017/jun/9/1-punkt-1-1b-alternativtexte-fuer-grafiken-und-objekte/1697362#m1697362 Tabellenkalk 2017-06-23T07:19:47Z 2017-06-23T07:19:47Z 1.1.1b Alternativtexte für Grafiken und Objekte <p>Hallo,</p> <blockquote> <p>meine Antwort hat nicht ohne Grund einen Smiley…</p> </blockquote> <p>ja, den hatte ich wahrgenommen. Trotzdem noch folgende Ergänzung: <a href="http://abtei-kornelimuenster.de/spirituelles/weitere-impulse/1097-das-kleine-lob.html" rel="nofollow noopener noreferrer">"Das kleine Lob"</a></p> <p>Gruß<br> Kalk</p>